body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:linear-gradient(180deg,#0b0b2b,#1b1b4b);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;position:relative}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b2bcc;display:flex;justify-content:space-between;padding:1rem 4rem;position:fixed;top:0;width:100%;z-index:1000}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-size:2rem;font-weight:700;letter-spacing:2px}.nav-links{gap:2rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{color:#fff;font-size:1rem;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#0ff;transform:translateY(-2px)}.nav-link svg{transition:transform .3s ease}.nav-link:hover svg{color:#0ff;transform:scale(1.1)}.nav-link:after{background:linear-gradient(45deg,#0ff,#f0f);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.special-link{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;border:1px solid #00ffff4d;border-radius:20px;font-weight:700;overflow:hidden;padding:.5rem 1rem;position:relative}.special-link:before{background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.special-link:hover:before{transform:scaleX(1);transform-origin:left}.special-link:after{content:"✨";font-size:.8rem;opacity:0;position:absolute;right:-15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.special-link:hover:after{opacity:1;right:5px}.nav-links a{color:#fff;font-size:1.1rem;padding:.5rem 0;position:relative;text-decoration:none}.nav-links a:after{background:linear-gradient(45deg,#0ff,#f0f);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.nav-links .notification-container{margin-left:-.5rem;transform:scale(.8)}.nav-links .bell-icon{color:#fff;font-size:1.2rem}.nav-links .notification-dot{height:6px;right:3px;top:3px;width:6px}.nav-links .notification-panel{right:-100px}.hero-section{align-items:center;display:flex;height:100vh;padding:6rem 4rem 0}.hero-content,.hero-section{overflow:hidden;position:relative}.hero-content{animation:cardFloat 6s ease-in-out infinite;animation:fadeSlideUp 1s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:40px;box-shadow:0 8px 32px 0 #0000005e,inset 0 0 30px #ffffff0d;opacity:0;padding:3rem;width:45%;z-index:2}.hero-content:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.hero-content:after{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);bottom:-50%;content:"";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{-webkit-text-fill-color:#0000;animation:gradientText 5s ease infinite;animation:fadeSlideRight .8s ease .5s forwards;background:linear-gradient(45deg,#0ff,#f0f,#0ff);-webkit-background-clip:text;background-size:200% 200%;font-size:5rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem;opacity:0}.hero-content .subtitle{animation:fadeIn .8s ease .3s forwards;color:#0ff;font-size:1.5rem;font-weight:500;letter-spacing:2px;margin-bottom:2rem;opacity:0;text-transform:uppercase}.hero-content p{animation:fadeIn .8s ease .7s forwards;color:#ffffffe6;font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;max-width:600px;opacity:0}.hero-buttons{display:flex;gap:1.5rem;margin-top:2rem}.chatbot-btn,.explore-btn{border:none;border-radius:50px;box-shadow:0 5px 15px #0ff3;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;opacity:0;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.explore-btn{animation:fadeIn .8s ease .9s forwards;background-image:linear-gradient(45deg,#0ff,#f0f 50%,#0ff)}.chatbot-btn{animation:fadeIn .8s ease 1.1s forwards;background:#0000;position:relative;z-index:1}.chatbot-btn:after{background:linear-gradient(45deg,#0ff,#f0f 50%,#0ff);background-size:200% auto;border-radius:50px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.explore-btn:hover{background-position:100%}.chatbot-btn:hover,.explore-btn:hover{box-shadow:0 10px 25px #0ff6;transform:translateY(-3px) scale(1.02)}.chatbot-btn:hover:after{background-position:100%}.chatbot-btn:active,.explore-btn:active{box-shadow:0 5px 15px #00ffff4d;transform:translateY(-1px)}.chatbot-btn:before,.explore-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.chatbot-btn:hover:before,.explore-btn:hover:before{left:100%}.canvas-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}canvas{filter:drop-shadow(0 0 30px rgba(0,255,255,.3));touch-action:none}.chatbot-toggle{align-items:center;background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:2rem;transition:transform .2s;width:60px;z-index:1000}.chatbot-toggle:hover{transform:scale(1.1)}.chatbot-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b2bf2;border-radius:15px;bottom:6rem;box-shadow:0 4px 30px #0000004d;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:2rem;width:350px;z-index:1000}.chatbot-header{align-items:center;background:#0003;display:flex;justify-content:space-between;padding:1rem}.close-button{font-size:1.5rem}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.message{word-wrap:break-word;border-radius:10px;max-width:80%;padding:.8rem}.message.user{align-self:flex-end;background:#00ffff1a}.message.bot{align-self:flex-start;background:#ff00ff1a}.input-container{display:flex;gap:.5rem;padding:1rem}.input-container input{background:#ffffff1a;border:none;border-radius:25px;color:#fff;flex:1 1;padding:.8rem}.input-container button{background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:25px;color:#fff;cursor:pointer;padding:.8rem 1.5rem}.loading{align-self:center;color:#ffffffb3}@keyframes gradientText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeSlideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.interaction-zone{background:linear-gradient(180deg,#0b0b2b,#1b1b4b);color:#fff;min-height:100vh;overflow:hidden;padding:100px 3rem 3rem;position:relative}.interaction-zone-header{margin:3rem auto 4rem;max-width:1200px;position:relative;text-align:center;z-index:1}.interaction-zone-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:1rem;text-align:center;text-transform:uppercase}.interaction-zone-header p{color:#fff;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9;text-align:center}.interaction-cards-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.interaction-card{animation:cardFadeIn .5s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px 0 #0000005e,inset 0 0 30px #ffffff0d;color:#fff;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;text-decoration:none;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.interaction-card:hover{border-color:#fff3;box-shadow:0 12px 40px 0 #00000073,inset 0 0 30px #ffffff12;transform:translateY(-10px) scale(1.02)}.interaction-card-image{height:240px;overflow:hidden;position:relative;width:100%}.interaction-card-image:after{background:linear-gradient(180deg,#0000,#0b0b2bcc);bottom:0;content:"";height:60%;left:0;pointer-events:none;position:absolute;right:0}.interaction-card-image img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.interaction-card:hover .interaction-card-image img{transform:scale(1.1)}.interaction-card-content{display:flex;flex:1 1;flex-direction:column;padding:2rem;position:relative;z-index:2}.interaction-card-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-bottom:.8rem;position:relative}.interaction-card-content h2:after{background:linear-gradient(45deg,#0ff,#f0f);bottom:0;content:"";height:3px;left:0;opacity:.7;position:absolute;transition:width .3s ease;width:60px}.interaction-card:hover .interaction-card-content h2:after{width:100px}.interaction-card-content p{color:#8892b0;flex:1 1;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.interaction-card-arrow{bottom:2rem;color:#64ffda;font-size:1.8rem;opacity:0;position:absolute;right:2rem;transform:translateX(-10px);transition:all .3s ease;z-index:2}.interaction-card:hover .interaction-card-arrow{opacity:1;transform:translateX(0)}.interaction-subcards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.interaction-subcard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;display:flex;flex-direction:column;gap:.8rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.interaction-subcard:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.interaction-subcard h3{color:#64ffda;font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin:0;padding-bottom:.5rem;position:relative}.interaction-subcard h3:after{background:#64ffda;bottom:0;content:"";height:2px;left:0;opacity:.5;position:absolute;transition:width .3s ease;width:40px}.interaction-subcard:hover h3:after{width:60px}.interaction-subcard p{color:#8892b0;font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.gaming-arena,.study-area{background:linear-gradient(180deg,#0b0b2b,#1b1b4b);min-height:100vh;overflow:hidden;padding:100px 3rem 3rem;position:relative}.gaming-arena-header,.study-area-header{margin:3rem auto 4rem;max-width:1200px;position:relative;text-align:center;z-index:1}.gaming-arena-header h1,.study-area-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.gaming-arena-header p,.study-area-header p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}@media (max-width:768px){.interaction-zone{padding:90px 1.5rem 1.5rem}.interaction-zone-header{margin:2rem auto 3rem}.interaction-zone-header h1{font-size:2.2rem;margin-top:1rem}.interaction-zone-header p{font-size:1.1rem;margin-bottom:2rem}.interaction-zone-header{margin-bottom:2rem}.interaction-cards-container{gap:1.5rem;grid-template-columns:1fr}.interaction-card-image{height:200px}.interaction-card-content{padding:1.5rem}.interaction-card-content h2{font-size:1.6rem}.interaction-subcards{gap:1rem;grid-template-columns:1fr}.interaction-subcard{padding:1.2rem}.interaction-subcard h3{font-size:1.2rem}.gaming-arena,.study-area{padding:90px 1.5rem 1.5rem}.gaming-arena-header,.study-area-header{margin:2rem auto 3rem}.gaming-arena-header h1,.study-area-header h1{font-size:2.2rem}.gaming-arena-header p,.study-area-header p{font-size:1.1rem}}.cosmic-architect-container{background:linear-gradient(180deg,#0b0b2b,#1b1b4b);color:#fff;min-height:100vh;padding:6rem 2rem 2rem}.cosmic-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:2.8rem;letter-spacing:2px;margin-bottom:1rem;text-align:center;text-transform:uppercase}.cosmic-subtitle{color:#fff;font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.8;text-align:center}.interaction-zone{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:40px;box-shadow:0 8px 32px 0 #0000005e,inset 0 0 30px #ffffff0d;margin-bottom:2rem;padding:2rem;transition:all .3s ease-in-out}.interaction-zone:hover{border-color:#fff3;transform:translateY(-10px)}.interaction-zone h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.interaction-zone h2:after{background:linear-gradient(45deg,#0ff,#f0f);bottom:0;content:"";height:2px;left:0;opacity:.5;position:absolute;width:100px}.interaction-zone p{color:#fff;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.congrats-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.congrats-card{animation:slideIn .3s ease-out;background:#0f0f19f2;border:1px solid #00aeff4d;border-radius:15px;color:#fff;max-width:400px;padding:2rem;text-align:center}.congrats-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00aeff,#0ff);-webkit-background-clip:text;margin-bottom:1rem}.congrats-card p{line-height:1.6;margin-bottom:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-modal{background:#0d0c22f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 0 30px #00ffff1a;color:#fff;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}.profile-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.profile-avatar-large{border:3px solid #00ffff80;border-radius:50%;box-shadow:0 0 20px #00ffff4d;height:150px;margin:0 auto 1rem;overflow:hidden;width:150px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.user-email{color:#ffffffb3;font-size:.9rem}.profile-section{background:#ffffff0d;border-radius:15px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.profile-section:hover{background:#ffffff14;transform:translateY(-2px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.edit-button{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:20px;color:#0ff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.edit-button:hover{background:#0ff3;transform:translateY(-1px)}.bio-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;min-height:100px;padding:1rem;resize:vertical;width:100%}.bio-text{color:#fffc;line-height:1.6}.interests-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.interest-tag{align-items:center;background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);border:1px solid #fff3;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.interest-tag:hover{background:linear-gradient(45deg,#0ff3,#f0f3)}.remove-interest{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.2rem;padding:0 .3rem}.remove-interest:hover{color:#f44}.add-interest{display:flex;gap:.5rem}.add-interest input{background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;flex:1 1;padding:.5rem 1rem}.add-interest button,.add-note button{background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:20px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.add-interest button:hover,.add-note button:hover{opacity:.9;transform:translateY(-1px)}.notes-container{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1rem}.note-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:1rem;transition:all .3s ease}.note-card:hover{background:#0006;transform:translateY(-2px)}.note-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}.note-date{color:#ffffff80;font-size:.8rem}.delete-note{background:#ff44441a;border:1px solid #ff44444d;border-radius:15px;color:#f44;cursor:pointer;padding:.3rem .8rem;transition:all .3s ease}.delete-note:hover{background:#f443}.add-note{display:flex;flex-direction:column;gap:.5rem}.add-note textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;min-height:80px;padding:1rem;resize:vertical;width:100%}.add-note button{align-self:flex-end}.login-prompt-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000e6,#001428f2);bottom:0;display:flex;justify-content:center;left:0;min-height:calc(100vh - 60px);padding:2rem;position:fixed;right:0;top:60px;width:100%;z-index:1000}.login-prompt-container.non-protected{pointer-events:none}.login-prompt-container.non-protected .login-prompt-content{pointer-events:auto}.login-prompt-content{background:#0d0c22b3;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 0 30px #00ffff1a;display:flex;height:calc(100vh - 120px);max-height:700px;max-width:1200px;overflow:hidden;position:relative;width:100%}.close-button{background:#ffffff1a;color:#fff;z-index:10}.close-button:hover{background:#fff3;transform:rotate(90deg)}.prompt-left{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}.stars-overlay{animation:twinkle 5s infinite;background:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(1px 1px at 160px 120px,#fff,#0000);bottom:0;left:0;opacity:.4;position:absolute;right:0;top:0;z-index:0}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}.prompt-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem;position:relative;text-shadow:0 0 20px #00ffff4d;z-index:1}.prompt-left p{color:#fffc;font-size:1.2rem;margin-bottom:2rem}.feature-list,.prompt-left p{position:relative;z-index:1}.feature-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.feature-item:hover{background:#ffffff1a;transform:translateX(10px)}.feature-icon{animation:float 3s infinite;display:inline-block;font-size:1.5rem;margin-right:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.prompt-right{align-items:center;background:#0000004d;display:flex;flex:1 1;justify-content:center;padding:3rem}.auth-container{max-width:400px;width:100%}.switch-prompt{color:#ffffffb3;margin-top:1rem;text-align:center}.switch-prompt button{background:none;border:none;color:#0ff;cursor:pointer;font-weight:700;padding:0 .5rem;transition:all .3s ease}.switch-prompt button:hover{color:#f0f;text-shadow:0 0 10px #ff00ff80}@media (max-width:1024px){.login-prompt-content{flex-direction:column;height:auto;max-height:none}.prompt-left,.prompt-right{padding:2rem}}.profile-avatar{cursor:pointer;margin:0 8px;position:relative}.avatar-circle,.profile-avatar{align-items:center;display:flex;justify-content:center}.avatar-circle{background-color:#2c3e50;border-radius:50%;height:32px;overflow:hidden;transition:transform .2s ease;width:32px}.avatar-circle:hover{transform:scale(1.1)}.avatar-circle img{height:100%;object-fit:cover;width:100%}.default-avatar{color:#fff;height:24px;width:24px}.profile-dropdown{animation:dropdownFade .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0b0b2bf2,#1b1b4bf2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 0 20px #00ffff26,0 0 40px #ff00ff1a;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown button{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:block;font-size:14px;overflow:hidden;padding:10px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.profile-dropdown button:before{background:linear-gradient(45deg,#0ff,#f0f);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.profile-dropdown button span{position:relative;z-index:1}.profile-dropdown button:hover{color:#fff;text-shadow:0 0 10px #00ffff80}.profile-dropdown button:hover:before{opacity:.1}.modal-overlay{align-items:center;animation:overlayFade .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlide .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0b0b2bf2,#1b1b4bf2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 0 40px #00ffff26,0 0 80px #ff00ff1a;margin:auto;max-width:400px;padding:32px;position:relative;transform:translateY(0);width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{border-radius:50%;color:#ffffffb3;font-size:24px;height:32px;padding:0;right:16px;top:16px;transition:all .2s ease;width:32px}.close-button:hover{background:#ffffff1a;color:#fff;text-shadow:0 0 10px #00ffff80}.auth-form{gap:20px}.auth-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-size:28px;font-weight:600;margin:0 0 8px;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#fff;font-size:14px;font-weight:500;opacity:.9}.auth-form input{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:15px;padding:12px 16px;transition:all .2s ease}.auth-form input::placeholder{color:#ffffff80}.auth-form input:focus{background:#ffffff1a;border-color:#0ff;box-shadow:0 0 20px #0ff3;outline:none}.auth-form .submit-button{background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:1px;margin-top:8px;padding:14px;text-transform:uppercase;transition:all .3s ease}.auth-form .submit-button:hover{box-shadow:0 0 30px #00ffff4d;transform:translateY(-2px)}.auth-form .submit-button:active{transform:translateY(0)}.switch-auth{color:#ffffffb3;font-size:14px;margin:0;text-align:center}.switch-auth button{-webkit-text-fill-color:#0000;background:none;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;border:none;cursor:pointer;font-weight:500;margin-left:4px;padding:0;transition:all .2s ease}.switch-auth button:hover{opacity:.8;text-shadow:0 0 10px #00ffff80}.auth-error{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff00001a;border:1px solid #f003;color:#f44;font-size:14px;margin-bottom:16px;padding:10px;text-align:center}.community-hub{background:linear-gradient(180deg,#0b0b2b,#1b1b4b);margin:0 auto;max-width:1200px;min-height:100vh;overflow:hidden;padding:100px 3rem 3rem;position:relative}.community-hub:before{background:radial-gradient(circle at center,#ffffff1a 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.community-header{color:#fff;margin:3rem auto 4rem;max-width:800px;position:relative;text-align:center;z-index:1}.community-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.community-header p{color:#ffffffe6;font-size:1.2rem;line-height:1.6}.post-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:24px;box-shadow:0 8px 32px 0 #0000005e,inset 0 0 30px #ffffff0d;margin-bottom:3rem;padding:2rem}.post-form,.post-input{border:1px solid #ffffff1a}.post-input{background:#ffffff0d;border-radius:12px;color:#fff;font-size:1.1rem;margin-bottom:1.5rem;min-height:120px;padding:1.2rem;resize:vertical;transition:all .3s ease;width:100%}.post-input:focus{border-color:#fff3;box-shadow:0 0 15px #ffffff1a;outline:none}.post-button{background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.post-button:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.posts-container{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px 0 #0000005e,inset 0 0 30px #ffffff0d;padding:2rem;transition:all .3s ease}.post-card:hover{border-color:#fff3;box-shadow:0 12px 40px 0 #00000073,inset 0 0 30px #ffffff12;transform:translateY(-5px)}.post-header{margin-bottom:1rem}.post-avatar,.post-header{align-items:center;display:flex}.post-avatar{background:linear-gradient(45deg,#0ff,#f0f);border-radius:50%;color:#fff;font-weight:700;height:40px;justify-content:center;margin-right:1rem;width:40px}.post-meta{flex:1 1}.post-author{color:#fff;font-weight:600;margin-bottom:.2rem}.post-time{color:#ffffffe6;font-size:.9rem}.post-content{color:#fff;line-height:1.6;margin-bottom:1rem}.post-footer{gap:1rem}.like-button,.post-footer{align-items:center;display:flex}.like-button{background:#0000;border:1px solid #ffffff1a;border-radius:20px;color:#fff;cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.like-button:hover{background:#ffffff0d}.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#00c6ff;height:50px;width:50px}.login-prompt{background:#ffffff0d;border-radius:12px;color:#ffffffe6;margin-bottom:2rem;padding:2rem;text-align:center}@media (max-width:768px){.community-hub{padding:90px 1.5rem 1.5rem}.community-header{margin:2rem auto 3rem}.community-header h1{font-size:2.2rem}.community-header p{font-size:1.1rem}.post-card,.post-form{padding:1.5rem}}@keyframes spin{to{transform:rotate(1turn)}}.login-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-popup{animation:popupFadeIn .3s ease-out;max-width:400px;width:90%}.login-popup-content{background:linear-gradient(45deg,#0d1117f2,#141830f7);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #1f268726;padding:2.5rem;position:relative;text-align:center}.login-popup-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00c6ff,#0072ff);-webkit-background-clip:text;color:#fff;font-size:1.8rem;margin-bottom:.5rem}.login-popup-content p{color:#a8b2d1;font-size:1rem;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.auth-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.auth-input:focus{border-color:#00c6ff;box-shadow:0 0 0 2px #00c6ff33;outline:none}.auth-input::placeholder{color:#a8b2d1}.auth-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem 1rem;transition:all .3s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-button.primary{background:linear-gradient(45deg,#00c6ff,#0072ff);color:#fff}.auth-button.primary:hover:not(:disabled){box-shadow:0 4px 15px #00c6ff66;transform:translateY(-2px)}.auth-button.google{background:#ffffff1a;border:1px solid #ffffff1a;color:#fff}.auth-button.google:hover:not(:disabled){background:#ffffff26}.google-icon{height:18px;width:18px}.auth-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.auth-divider span{color:#a8b2d1;font-size:.8rem;padding:0 1rem;text-transform:uppercase}.auth-error{animation:fadeIn .3s ease-out;background:#ff3b301a;border-radius:8px;color:#ff3b30;font-size:.9rem;margin-bottom:1rem;padding:.8rem}.auth-switch{margin-top:1.5rem}.switch-button{background:none;border:none;color:#00c6ff;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;transition:opacity .3s ease}.switch-button:hover:not(:disabled){opacity:.8}.close-button{align-items:center;background:none;border:none;color:#a8b2d1;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.close-button:hover:not(:disabled){color:#fff;transform:rotate(90deg)}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.login-popup-content{padding:2rem 1.5rem}}.space-zone{background:linear-gradient(180deg,#0b0b2b,#1b1b4b);color:#fff;min-height:100vh;overflow:hidden;padding:6rem 2rem 2rem;position:relative}.space-zone:before{animation:stars 15s linear infinite;background:radial-gradient(1px 1px at 40px 60px,#fff,#0000),radial-gradient(1px 1px at 20px 50px,#fff,#0000),radial-gradient(2px 2px at 30px 100px,#fff,#0000),radial-gradient(2px 2px at 70px 60px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 110px 95px,#fff,#0000),radial-gradient(1.5px 1.5px at 160px 50px,#fff,#0000);background-repeat:repeat;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.space-zone-header{margin-bottom:4rem;position:relative;text-align:center;z-index:1}.space-zone-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:3rem;letter-spacing:2px;margin-bottom:1rem;text-align:center;text-transform:uppercase}.space-zone-header p{color:#fff;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9;text-align:center}.space-cards-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.space-card{animation:cardFadeIn .5s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px 0 #0000005e,inset 0 0 30px #ffffff0d;color:#fff;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;text-decoration:none;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.space-card:hover{border-color:#fff3;box-shadow:0 12px 40px 0 #00000073,inset 0 0 30px #ffffff12;transform:translateY(-10px) scale(1.02)}.space-card-image{height:240px;overflow:hidden;position:relative;width:100%}.space-card-image:after{background:linear-gradient(180deg,#0000,#0b0b2bcc);bottom:0;content:"";height:60%;left:0;pointer-events:none;position:absolute;right:0}.space-card-image img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.space-card:hover .space-card-image img{transform:scale(1.1)}.space-card-content{display:flex;flex:1 1;flex-direction:column;padding:2rem;position:relative;z-index:2}.space-card-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-bottom:.8rem;position:relative}.space-card-content h2:after{background:linear-gradient(45deg,#0ff,#f0f);bottom:0;content:"";height:3px;left:0;opacity:.7;position:absolute;transition:width .3s ease;width:60px}.space-card:hover .space-card-content h2:after{width:100px}.space-card-content p{color:#8892b0;flex:1 1;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.space-card-arrow{bottom:2rem;color:#64ffda;font-size:1.8rem;opacity:0;position:absolute;right:2rem;transform:translateX(-10px);transition:all .3s ease;z-index:2}.space-card:hover .space-card-arrow{opacity:1;transform:translateX(0)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (max-width:768px){.space-zone{padding:4rem 1rem 2rem}.space-zone-header h1{font-size:2.5rem}.space-zone-header p{font-size:1.1rem;line-height:1.6}.space-zone-header{margin-bottom:2rem}.space-cards-container{gap:1.5rem;grid-template-columns:1fr}.space-card-image{height:200px}.space-card-content{padding:1.5rem}.space-card-content h2{font-size:1.6rem}}