html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,#1a1c2c,#111);color:#03e9f4}.full-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;overflow:auto}.scrollable-content{height:calc(100vh - 60px);overflow-y:auto;width:100%;padding:20px}.alien-navbar{background:linear-gradient(90deg,#1d1f33,#111);padding:15px;position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:2px solid #03e9f4;box-shadow:0 4px 15px #03e9f480}.alien-navbar-list{list-style:none;display:flex;justify-content:center;margin:0;padding:0}.alien-navbar-item{margin:0 20px}.alien-navbar-link{color:#03e9f4;text-decoration:none;font-size:1.2rem;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease,text-shadow .3s ease}.alien-navbar-link:hover{color:#fff;text-shadow:0 0 5px #03e9f4,0 0 15px #03e9f4,0 0 30px #03e9f4}.alien-navbar-link:after{content:"";display:block;height:2px;width:0;background:#03e9f4;transition:width .3s ease;margin:5px auto 0}.alien-navbar-link:hover:after{width:100%}body{margin:0;padding-top:70px}@media (max-width: 768px){.alien-navbar{padding:10px}.alien-navbar-link{font-size:1rem}.alien-navbar-item{margin:0 10px}}.connect-wallet-btn{padding:8px 15px;background:linear-gradient(90deg,#1a8cff,#03e9f4);color:#81156f;border:none;border-radius:5px;cursor:pointer;font-family:Orbitron,sans-serif;text-transform:uppercase;box-shadow:0 0 15px #03e9f4cc;transition:background .3s ease,box-shadow .3s ease}.connect-wallet-btn:hover{background:linear-gradient(90deg,#03e9f4,#1a8cff);box-shadow:0 0 30px #1a8cffcc}.user-profile-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(135deg,#1a1c2c,#111);color:#03e9f4;font-family:Orbitron,sans-serif;box-sizing:border-box}.profile-content{background:#111;border:1px solid #03e9f4;border-radius:10px;padding:20px;max-width:400px;text-align:center;box-shadow:0 0 20px #03e9f480}.profile-image{width:120px;height:120px;border-radius:50%;border:2px solid #03e9f4;margin-bottom:20px}.profile-info{margin:10px 0;font-size:1.2rem;color:#ccc}.profile-input{width:100%;padding:10px;margin:10px 0;border:1px solid #03e9f4;border-radius:5px;background:#222;color:#03e9f4;outline:none}.profile-button{width:100%;padding:10px;margin-top:15px;background:linear-gradient(90deg,#03e9f4,#1a8cff);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-family:Orbitron,sans-serif;text-transform:uppercase;box-shadow:0 0 15px #03e9f4cc;transition:background .3s ease,box-shadow .3s ease}.profile-button:hover{background:linear-gradient(90deg,#1a8cff,#03e9f4);box-shadow:0 0 30px #1a8cffcc}.create-post-container{background:linear-gradient(135deg,#1a1c2c,#111);color:#03e9f4;padding:20px;border-radius:10px;box-shadow:0 0 20px #03e9f480;max-width:600px;margin:50px auto;font-family:Orbitron,sans-serif}.create-post-container h3{text-align:center;margin-bottom:20px;color:#03e9f4;text-shadow:0 0 5px #03e9f4,0 0 10px #03e9f4}.create-post-container input,.create-post-container textarea{width:100%;background:#111;color:#03e9f4;border:1px solid #03e9f4;border-radius:5px;padding:10px;margin-bottom:15px;font-size:1rem;box-shadow:0 0 5px #03e9f44d;transition:box-shadow .3s ease,background .3s ease}.create-post-container input:focus,.create-post-container textarea:focus{outline:none;background:#1d1f33;box-shadow:0 0 10px #03e9f499}.create-post-container button{width:100%;background:linear-gradient(90deg,#03e9f4,#1a8cff);color:#fff;border:none;border-radius:5px;padding:10px;font-size:1.2rem;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease}.create-post-container button:hover{background:linear-gradient(90deg,#1a8cff,#03e9f4);box-shadow:0 0 15px #03e9f4cc,0 0 30px #1a8cffcc}@media (max-width: 768px){.create-post-container{padding:15px}.create-post-container button{font-size:1rem}}.post-list-container{background:linear-gradient(135deg,#1a1c2c,#111);color:#03e9f4;padding:20px;border-radius:10px;box-shadow:0 0 20px #03e9f480;max-width:800px;margin:50px auto;font-family:Orbitron,sans-serif}.post-list-container h3{text-align:center;margin-bottom:20px;color:#03e9f4;text-shadow:0 0 5px #03e9f4,0 0 10px #03e9f4}.post-list-container ul{list-style:none;padding:0}.post-list-container li{background:#111;border:1px solid #03e9f4;border-radius:5px;padding:15px;margin-bottom:15px;box-shadow:0 0 10px #03e9f44d;transition:transform .3s ease,box-shadow .3s ease}.post-list-container li:hover{transform:translateY(-5px);box-shadow:0 0 20px #03e9f4cc}.post-list-container h4{color:#03e9f4;margin:0 0 10px}.post-list-container p{margin:5px 0;color:#ccc}.post-list-container button{background:linear-gradient(90deg,#03e9f4,#1a8cff);color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:1rem;font-family:Orbitron,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .3s ease,box-shadow .3s ease}.post-list-container button:hover{background:linear-gradient(90deg,#1a8cff,#03e9f4);box-shadow:0 0 15px #03e9f4cc,0 0 30px #1a8cffcc}@media (max-width: 768px){.post-list-container{padding:15px}.post-list-container button{font-size:.9rem}}