.home{color:#fff;width:100%;height:100vh}@media (width<=480px){.home{height:auto;min-height:100vh;padding:60px 0}}@media (width>=481px) and (width<=768px){.home{height:auto;min-height:100vh;padding:80px 0}}@media (width>=769px) and (width<=1100px){.home{min-height:100vh}}@media (width>=1200px){.home{min-height:100vh}}.nav{z-index:10000;justify-content:space-between;align-items:center;width:100%;height:100px;display:flex;position:absolute}.nav .nav1{justify-content:center;align-items:center;width:50%;height:100%;display:flex}.nav .nav1 .imglogo{justify-content:flex-start;align-items:center;width:80%;height:100%;display:flex}.nav .nav1 .imglogo img{width:25%;height:50%}.nav .nav2{justify-content:center;align-items:center;width:50%;height:100%;display:flex}.nav .nav2 .btnnav{justify-content:flex-end;align-items:center;width:80%;height:100%;display:flex}.nav .nav2 .btnnav .btn1{color:#ffffff7f;cursor:pointer;margin-right:20px;font-size:15px;transition:color .3s}.nav .nav2 .btnnav .btn1:hover{color:#22d3ee}@media (width<=480px){.nav{height:70px;padding:0 15px}.nav .nav1{justify-content:flex-start;width:50%}.nav .nav1 .imglogo{width:100%}.nav .nav1 .imglogo img{width:120px;height:auto}.nav .nav2{justify-content:flex-end;width:50%}.nav .nav2 .btnnav{justify-content:flex-end;width:100%}.nav .nav2 .btnnav .btn1{margin-right:10px;font-size:13px}}@media (width>=481px) and (width<=768px){.nav{height:80px;padding:0 30px}.nav .nav1 .imglogo img{width:140px;height:auto}.nav .nav2 .btnnav .btn1{margin-right:15px;font-size:14px}}@media (width>=769px) and (width<=1100px){.nav{padding:0 50px}.nav .nav1 .imglogo img{width:160px}}@media (width>=1200px){.nav{padding:0 80px}.nav .nav1 .imglogo img{width:180px}.nav .nav2 .btnnav .btn1{font-size:16px}}.dot-sphere{filter:drop-shadow(0 0 40px #7c3aed4d)drop-shadow(0 0 80px #22d3ee33);background:0 0;width:100%;height:100%;display:block}.hero{background:radial-gradient(circle at 20% 30%,#22d3ee1f,#0000 40%),radial-gradient(circle at 80% 20%,#7c3aed1f,#0000 40%),#0b0f1a;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:0 80px;display:flex}.hero-left{width:50%;height:100%}.hero-left .badge{color:#9ca3af;background:#ffffff0d;border-radius:20px;margin-top:80px;margin-bottom:20px;padding:6px 12px;font-size:12px;display:inline-block}.hero-left h1{color:#e5e7eb;font-size:90px;font-weight:700;line-height:1.2}.hero-left h1 span{background:linear-gradient(135deg,#22d3ee,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-left p{color:#9ca3af;max-width:1000px;margin-top:20px;font-size:20px;line-height:1.6}.hero-left .hero-buttons{gap:15px;margin-top:30px;display:flex}.hero-left .hero-buttons button{cursor:pointer;border-radius:10px;padding:15px 40px;transition:all .3s}.hero-left .hero-buttons .btn{color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none}.hero-left .hero-buttons .btn:hover{opacity:.9;transform:translateY(-2px)}.hero-left .hero-buttons .btn-outline{color:#fff;background:0 0;border:1px solid #fff3}.hero-left .hero-buttons .btn-outline:hover{color:#22d3ee;border-color:#22d3ee}.hero .hero-right{justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:relative}.hero .hero-right .shape{filter:blur(100px);opacity:.4;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite float;position:absolute}.hero .hero-right .rimg{z-index:2;width:100%;height:100%}.hero .hero-right .rimg canvas{width:100%;height:100%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@media (width<=480px){.hero{padding:80px 0}.hero-content{text-align:center;flex-direction:column;padding:0 20px}.hero-left{width:100%}.hero-left .badge{margin-top:20px}.hero-left h1{font-size:38px}.hero-left p{max-width:100%;font-size:14px}.hero-left .hero-buttons{flex-direction:column;align-items:center}.hero-left .hero-buttons button{width:100%;padding:12px 20px}.hero .hero-right{width:100%;height:300px;margin-top:40px;overflow:hidden}.hero .hero-right .shape{filter:blur(80px);width:250px;height:250px}}@media (width>=481px) and (width<=768px){.hero{padding:100px 0}.hero-content{text-align:center;flex-direction:column;padding:0 40px}.hero-left{width:100%}.hero-left .badge{margin-top:30px}.hero-left h1{font-size:55px}.hero-left p{max-width:100%;font-size:16px}.hero-left .hero-buttons{justify-content:center}.hero .hero-right{width:100%;height:350px;margin-top:50px}.hero .hero-right .shape{width:300px;height:300px}}@media (width>=769px) and (width<=1100px){.hero-content{padding:0 50px}.hero-left{padding-right:20px}.hero-left h1{font-size:70px}.hero-left p{font-size:18px}.hero .hero-right .shape{width:320px;height:320px}}@media (width>=1200px){.hero-left h1{font-size:100px}.hero .hero-right .shape{width:450px;height:450px}}.featurecta{color:#fff;text-align:center;background:#050810;padding:120px 80px;position:relative;overflow:hidden}.featurecta:before{content:"";filter:blur(160px);opacity:.25;background:radial-gradient(circle,#7c3aed,#0000);width:700px;height:700px;position:absolute;top:-200px;left:-200px}.featurecta:after{content:"";filter:blur(160px);opacity:.25;background:radial-gradient(circle,#22d3ee,#0000);width:700px;height:700px;position:absolute;bottom:-200px;right:-200px}.featurecta h2{margin-bottom:10px;font-size:42px}.featurecta h2 span{background:linear-gradient(135deg,#22d3ee,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.featurecta .subtitle{color:#9ca3af;margin-bottom:70px}.featurecta .grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:100px;display:grid}@media (width<=1100px){.featurecta .grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.featurecta .grid{grid-template-columns:1fr}}.featurecta .card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:35px;transition:all .4s;position:relative;overflow:hidden}.featurecta .card:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:20px;padding:1px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.featurecta .card:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 0 40px #7c3aed66,0 0 60px #22d3ee33}.featurecta .card:hover:before{opacity:1}.featurecta .card .icon{color:#22d3ee;text-shadow:0 0 20px #22d3eecc;margin-bottom:20px;font-size:30px}.featurecta .card h3{margin-bottom:12px;font-size:20px}.featurecta .card p{color:#9ca3af;font-size:14px;line-height:1.6}.featurecta .cta-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;max-width:850px;margin:auto;padding:70px}.featurecta .cta-box h2{margin-bottom:20px}.featurecta .cta-box p{color:#9ca3af;margin-bottom:30px}.featurecta .cta-box .buttons{justify-content:center;gap:20px;display:flex}.featurecta .cta-box .buttons button{cursor:pointer;border-radius:12px;padding:12px 30px;transition:all .3s}.featurecta .cta-box .buttons .primary{color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none}.featurecta .cta-box .buttons .primary:hover{transform:scale(1.05);box-shadow:0 0 25px #7c3aed99,0 0 50px #22d3ee66}.featurecta .cta-box .buttons .secondary{color:#fff;background:0 0;border:1px solid #fff3}.featurecta .cta-box .buttons .secondary:hover{color:#22d3ee;border-color:#22d3ee}@media (width<=480px){.featurecta{padding:80px 20px}.featurecta h2{font-size:26px}.featurecta .subtitle{margin-bottom:40px;font-size:14px}.featurecta .grid{gap:20px;margin-bottom:60px}.featurecta .card{padding:25px}.featurecta .card h3{font-size:18px}.featurecta .card p{font-size:13px}.featurecta .cta-box{border-radius:18px;padding:35px 20px}.featurecta .cta-box h2{font-size:24px}.featurecta .cta-box p{font-size:14px}.featurecta .cta-box .buttons{flex-direction:column;gap:12px}.featurecta .cta-box .buttons button{width:100%;padding:10px 20px}}@media (width>=481px) and (width<=768px){.featurecta{padding:100px 40px}.featurecta h2{font-size:32px}.featurecta .subtitle{margin-bottom:50px}.featurecta .grid{gap:25px;margin-bottom:80px}.featurecta .card{padding:30px}.featurecta .cta-box{padding:50px 30px}.featurecta .cta-box h2{font-size:28px}.featurecta .cta-box .buttons{gap:15px}.featurecta .cta-box .buttons button{padding:11px 24px}}@media (width>=769px) and (width<=1100px){.featurecta{padding:110px 60px}.featurecta h2{font-size:36px}.featurecta .cta-box{padding:60px 50px}}@media (width>=1200px){.featurecta h2{font-size:46px}.featurecta .cta-box{max-width:950px}.featurecta .cta-box h2{font-size:40px}}.footer{color:#fff;text-align:center;background:#050810;border-top:1px solid #ffffff14;padding:80px}.footer-top{margin-bottom:50px}.footer-top h2{margin-bottom:10px;font-size:28px}.footer-top p{color:#9ca3af}.footer-links{justify-content:center;gap:80px;margin-bottom:50px;display:flex}.footer-links div h4{margin-bottom:15px}.footer-links div p{color:#9ca3af;cursor:pointer;margin:5px 0}.footer-links div p:hover{color:#22d3ee}.footer-bottom{color:#6b7280;font-size:14px}@media (width<=480px){.footer{padding:50px 20px}.footer-top{margin-bottom:30px}.footer-top h2{font-size:22px}.footer-top p{font-size:14px}.footer-links{flex-direction:column;gap:30px;margin-bottom:30px}.footer-links div h4{font-size:16px}.footer-links div p{font-size:13px}.footer-bottom{font-size:12px}}@media (width>=481px) and (width<=768px){.footer{padding:60px 40px}.footer-top h2{font-size:24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:40px}.footer-links div{min-width:140px}}@media (width>=769px) and (width<=1100px){.footer{padding:70px 60px}.footer-links{gap:60px}}@media (width>=1200px){.footer{padding:90px 120px}.footer-top h2{font-size:30px}.footer-links{gap:100px}}.auth{background:#050810;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.auth .bgoverlay{opacity:.08;position:absolute;inset:0}.auth .bgoverlay img{object-fit:cover;width:100%;height:100%}.auth:before,.auth:after{content:"";filter:blur(150px);opacity:.3;width:600px;height:600px;position:absolute}.auth:before{background:#7c3aed;top:-200px;left:-200px}.auth:after{background:#22d3ee;bottom:-200px;right:-200px}.auth .auth-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;color:#fff;z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:400px;padding:40px}.auth .auth-box h2{margin-bottom:10px;font-size:28px}.auth .auth-box form{flex-direction:column;gap:15px;display:flex}.auth .auth-box .input-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.auth .auth-box .input-group svg{color:#22d3ee}.auth .auth-box .input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1}.auth .auth-box .input-group input::placeholder{color:#6b7280}.auth .auth-box .input-group:focus-within{border-color:#22d3ee;box-shadow:0 0 10px #22d3ee80}.auth .auth-box .primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;margin-top:10px;padding:12px;transition:all .3s}.auth .auth-box .primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #7c3aed99,0 0 40px #22d3ee66}.auth .auth-box .switch{color:#9ca3af;margin-top:20px;font-size:14px}.auth .auth-box .switch span{color:#22d3ee;cursor:pointer;margin-left:5px}.auth .auth-box .switch span:hover{text-decoration:underline}.error{color:#f87171;margin-top:10px;font-size:14px}.divider{color:#6b7280;margin:20px 0;font-size:14px}.social-login{flex-direction:column;gap:10px;display:flex}.social-login button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;transition:all .3s;display:flex}.social-login .google{color:#000;background:#fff}.social-login .google:hover{transform:scale(1.03)}.social-login .github{color:#fff;background:#111}.social-login .github:hover{transform:scale(1.03)}.forgot{text-align:right;color:#9ca3af;cursor:pointer;font-size:9px}.forgot:hover{color:#22d3ee;text-decoration:underline}.success{color:#22c55e}.college-list{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;max-height:200px;margin-top:-10px;overflow:hidden auto}.college-list div{cursor:pointer;color:#e2e8f0;padding:10px;transition:all .2s}.college-list div:hover{background:#6366f133}.college-list .add-college{justify-content:space-between;align-items:center;display:flex}.college-list .add-college button{background:#1e293b;border-radius:8px;padding:5px 10px;font-size:12px}.college-list .add-college button:hover{background:#6366f1}.popup-box-r{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#0f172af2;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;width:350px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-box-r h3{text-align:center}.popup-box-r input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:10px}.popup-box-r button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6366f1,#8b5cf6);border:none;border-radius:10px;padding:10px}.popup-box-r button:hover{transform:scale(1.05)}.popup{color:#fff;background:#0f172ae6;border-left:4px solid;border-radius:12px;padding:12px 18px;position:fixed;bottom:20px;right:20px}.popup.success{border-color:#22c55e}.popup.error{border-color:#ef4444}.popup.info{border-color:#6366f1}.popup{z-index:9999;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:center;align-items:center;min-width:250px;max-height:50px;padding:12px 16px;animation:.3s slideIn;display:flex;position:fixed;top:20px;right:20px}.popup-content{align-items:center;gap:10px;display:flex}.popup.success{background:linear-gradient(45deg,#22c55e,#16a34a)}.popup.error{background:linear-gradient(45deg,#ef4444,#dc2626)}.popup.info{background:linear-gradient(45deg,#6366f1,#4f46e5)}@keyframes slideIn{0%{transform:translate(120%)}to{transform:translate(0)}}.feed{flex-direction:column;gap:24px;max-width:640px;margin:auto;padding:32px 16px;display:flex}.feed-filter{gap:10px;display:flex}.feed-filter button{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:999px;padding:6px 16px;transition:all .25s}.feed-filter button.active{background:var(--gradient-main);color:#fff;box-shadow:0 0 10px #7c3aed66}.feed-filter button:hover{color:#fff;transform:translateY(-1px)}.create{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.create textarea{width:100%;min-height:70px;color:var(--text-main);resize:none;background:0 0;border:none;outline:none;font-size:14px}.create textarea::placeholder{color:var(--text-secondary)}.create .post-options{justify-content:space-between;gap:10%;display:flex}.create .post-options button{width:80%;color:var(--text-secondary);cursor:pointer;background:#7c3aed33;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;transition:all .25s;display:flex}.create .post-options button:hover{color:#fff;box-shadow:0 0 10px #4e00d466}.create .post-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:12px;margin-top:6px;padding:10px;font-weight:500;transition:all .25s}.create .post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed80}.create .post-btn:disabled{opacity:.6;cursor:not-allowed}.post{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:all .3s;display:flex}.post:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0006}.post-header img{border:2px solid var(--primary);border-radius:50%;width:44px;height:44px}.post-header h4{cursor:pointer;margin:0;font-size:14px;font-weight:600}.post p{color:var(--text-main);font-size:14px;line-height:1.5}.image-box{aspect-ratio:1;border-radius:10px;overflow:hidden}.actions-p{gap:10px;margin-top:8px;display:flex}.actions-p button{color:#bbb;background-color:#0000;border:none;font-size:17px}.actions-p .liked{color:#e0245e;transition:all .2s}.feed>button{background:var(--bg-glass);color:var(--text-main);cursor:pointer;border:none;border-radius:12px;padding:10px;transition:all .3s}.feed>button:hover{background:var(--gradient-main);color:#fff}.crop-modal{z-index:1000;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.preview-grid{grid-template-columns:repeat(10,1fr);gap:10px;display:grid}.preview-grid img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%}.crop-box{border-radius:14px;width:400px;height:400px;overflow:hidden}.crop-actions{z-index:1001;gap:10px;display:flex}.crop-actions button{color:#fff;cursor:pointer;background-color:#1a1537;border:none;border-radius:5px;padding:6px 16px;transition:all .2s}.crop-actions button:hover{transform:scale(1.05)}.carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;position:relative;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel .carousel-track{display:flex}.carousel .carousel-item{aspect-ratio:1;scroll-snap-align:center;min-width:100%;position:relative}.carousel .carousel-item img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:10px;width:100%;height:100%}.carousel-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:999px;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.carousel-dots span{opacity:.5;background:#bbb;border-radius:50%;width:6px;height:6px;transition:all .3s}.carousel-dots .active{opacity:1;background:#fff;transform:scale(1.2)}.heart-overlay{pointer-events:none;justify-content:center;align-items:center;font-size:70px;animation:.9s ease-in-out popHeart;display:flex;position:absolute;inset:0}@keyframes popHeart{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}.comment-box{gap:8px;margin-top:10px;display:flex}.comment-box input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;flex:1;padding:10px}.comment-box button{color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;padding:10px 14px}.poll-create{margin-top:10px}.poll-create input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;width:100%;margin-bottom:6px;padding:10px}.poll-create button{color:#fff;background:#7c3aed4d;border:none;border-radius:10px;padding:8px}.poll{margin-top:10px}.poll .poll-option{cursor:pointer;background:#4d006ce6;border-radius:10px;margin-bottom:8px;padding:12px;transition:all .3s;position:relative;overflow:hidden}.poll .poll-option:hover{background:#7c3aed33}.poll .poll-option .bar{opacity:.25;background:linear-gradient(135deg,#22d3ee,#7c3aed);position:absolute;inset:0}.poll .poll-option span{z-index:2;position:relative}.poll .poll-option small{float:right;z-index:2;position:relative}.comment-modal{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;flex-direction:column;display:flex;position:fixed;inset:0}.comment-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.comment-header h3{margin:0;font-size:16px}.comment-header button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.comment-list{flex:1;padding:15px;overflow-y:auto}.comment-list .comment-item{gap:10px;margin-bottom:12px;display:flex}.comment-list .comment-item img{border-radius:50%;width:32px;height:32px}.comment-list .comment-item .comment-content{flex:1}.comment-list .comment-item .comment-content strong{color:#7c3aed;cursor:pointer}.comment-list .comment-actions{gap:14px;margin-top:4px;font-size:12px;display:flex}.comment-list .comment-actions button{color:#aaa;cursor:pointer;background:0 0;border:none}.comment-list .comment-actions button.liked{color:#ef4444}.comment-list .reply-actions{margin-top:3px;font-size:11px}.comment-list .reply-actions button{color:#aaa;background:0 0;border:none}.comment-list .reply-actions button.liked{color:#ef4444}.comment-input{border-top:1px solid #ffffff14;gap:10px;padding:12px;display:flex}.comment-input input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;flex:1;padding:10px}.upload-bar{background:#ffffff1a;border-radius:10px;width:100%;height:6px;margin:10px 0;overflow:hidden}.upload-bar div{background:linear-gradient(135deg,#22d3ee,#7c3aed);height:100%;transition:width .3s}.image-count{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:10px;right:10px}.comment-actions{margin-top:4px}.comment-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:12px}.comment-actions button:hover{color:var(--primary)}.reply-box{gap:6px;margin-top:6px;display:flex}.reply-box input{color:#fff;background:#ffffff0d;border:none;border-radius:8px;flex:1;padding:6px}.reply-box button{background:var(--gradient-main);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 10px}.reply-item{gap:8px;margin-top:6px;display:flex}.reply-item img{border-radius:50%;width:28px;height:28px}.reply-item div{flex-direction:column;display:flex}.reply-item div strong{font-size:12px}.reply-item div span{color:var(--text-secondary);font-size:12px}.menu-wrapper{margin-left:auto;position:relative}.menu-wrapper svg{cursor:pointer;color:var(--text-secondary)}.menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0a0f1ef2;border:1px solid #ffffff14;border-radius:12px;min-width:120px;padding:8px;position:absolute;top:30px;right:0}.menu div{cursor:pointer;border-radius:8px;padding:8px 10px;font-size:14px}.menu div:hover{background:#7c3aed66}.menu .delete{color:#fff}.menu .delete:hover{background:#ef444433}.profile-m{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff08;border-right:1px solid #ffffff14;flex-direction:column;gap:20px;padding:20px;display:flex;position:sticky;top:80px}.profile-m .profile-top{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-m .profile-top img{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:90px;height:90px;margin-bottom:10px;transition:all .3s}.profile-m .profile-top img:hover{border-color:#22d3ee;box-shadow:0 0 15px #22d3ee99}.profile-m .profile-top .h2{font-size:20px}.profile-m .profile-top p{color:#9ca3af;font-size:13px}.profile-m .profile-menu{flex-direction:column;gap:10px;display:flex}.profile-m .profile-menu .menu-item{cursor:pointer;color:#9ca3af;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:all .3s;display:flex}.profile-m .profile-menu .menu-item:hover{color:#fff;background:#ffffff0d}.profile-m .stats-n{justify-content:space-between;gap:10px;display:flex}.profile-m .stats-n .sn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:10px;transition:all .3s;display:flex}.profile-m .stats-n .sn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.profile-m .stats-n .sn h3{color:#22d3ee;margin:0}.profile-m .stats-n .sn span{color:#9ca3af;font-size:12px}.profile-m .badges h4{align-items:center;gap:6px;margin-bottom:10px;display:flex}.profile-m .badges .badge-list{flex-wrap:wrap;gap:6px;display:flex}.profile-m .badges .badge-list span{background:#7c3aed33;border-radius:10px;padding:6px 10px;font-size:12px}.notif-item{position:relative}.notif-icon{display:inline-block;position:relative}.notif-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:999px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:-6px;right:-10px;box-shadow:0 0 8px #ef444499}.events{flex-direction:column;gap:15px;display:flex}.filters{flex-direction:column;gap:10px;display:flex}.filters select{color:#fff;background:#111827;border:none;border-radius:6px;padding:8px}.event-list{flex-direction:column;gap:10px;display:flex}.event-card{color:#fff;background:#111827;border-radius:10px;padding:12px;text-decoration:none;transition:all .3s}.event-card h4{margin:0}.event-card p{color:#9ca3af;font-size:13px}.event-card span{color:#6b7280;font-size:12px}.event-card:hover{background:#1f2937;transform:translateY(-2px)}.no-data{text-align:center;color:gray}.top-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;color:#fff;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.top-navbar .nav-left{cursor:pointer;align-items:center;gap:10px;display:flex}.top-navbar .nav-left .leftimg{width:auto;height:50px;overflow:hidden}.top-navbar .nav-left .leftimg img{object-fit:cover;width:100%;height:100%}.top-navbar .nav-center{gap:20px;display:flex}.top-navbar .nav-center .nav-link{cursor:pointer;color:#9ca3af;align-items:center;gap:6px;font-size:16px;display:flex}.top-navbar .nav-center .nav-link:hover{color:#fff}.top-navbar .nav-right{align-items:center;gap:15px;display:flex;position:relative}.top-navbar .nav-right .profilenav{cursor:pointer;font-size:24px}.top-navbar .nav-right .profilenav .profile-img{object-fit:cover;cursor:pointer;border:2px solid #ffffff1a;border-radius:50%;width:2.5rem;height:2.5rem;transition:all .3s}.top-navbar .nav-right .profilenav .profile-img:hover{border-color:#22d3ee;box-shadow:0 0 10px #22d3ee99}.top-navbar .nav-right .dropdown{background:#111;border-radius:10px;flex-direction:column;gap:8px;min-width:150px;padding:10px;display:flex;position:absolute;top:60px;right:0}.top-navbar .nav-right .dropdown p{cursor:pointer;border-radius:6px;padding:6px}.top-navbar .nav-right .dropdown p:hover{background:#ffffff14}.top-navbar .nav-right .menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;display:none}.top-navbar .mobile-menu{background:#111;border-radius:10px;flex-direction:column;gap:12px;padding:15px;display:flex;position:absolute;top:70px;right:20px}.top-navbar .mobile-menu div{cursor:pointer;gap:8px;display:flex}@media (width<=768px){.top-navbar .nav-center{display:none}.top-navbar .menu-btn{display:block!important}}.home2{grid-template-columns:25% 50% 25%;height:auto;display:grid}.home2 .left-m,.home2 .right-m{height:100vh;padding:20px;position:sticky;top:0}.profile{text-align:center}.profile img{border-radius:50%;width:80px}.profile .stats{justify-content:space-around;margin-top:20px;display:flex}.feed{flex-direction:column;gap:15px;display:flex}.feed .post{background:#111827;border-radius:10px;padding:20px}.feed .loading{text-align:center;padding:20px}.events .event{background:#111827;border-radius:8px;margin-top:10px;padding:10px}.mobile-nav{background:#111;justify-content:space-around;width:100%;padding:10px;display:flex;position:fixed;bottom:0}.mobile-nav button{color:#fff;background:0 0;border:none;font-size:20px}.mobile-popup{text-align:center;background:#1f2937;width:100%;padding:20px;position:fixed;bottom:60px}@media (width<=900px){.home2{grid-template-columns:1fr}.home2 .left-m,.home2 .right-m{display:none}}@media (width>=901px){.mobile-nav{display:none}}.verify{background:radial-gradient(circle at top,#0f172a,#020617);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.verify .bg{filter:blur(120px);background:radial-gradient(circle,#7c3aed55,#0000);width:500px;height:500px;position:absolute;top:20%;left:30%}.verify .verify-box{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:380px;padding:40px;animation:.6s fadeIn;position:relative}.verify .verify-box .icon{color:#7c3aed;margin-bottom:15px;font-size:40px}.verify .verify-box h2{margin-bottom:10px;font-weight:600}.verify .verify-box .info{opacity:.8;margin-bottom:20px;font-size:14px}.verify .verify-box .success{color:#22c55e;font-weight:500}.verify .verify-box button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#38bdf8,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px;font-weight:500;transition:all .3s;display:flex}.verify .verify-box button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed66}.verify .verify-box button:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-page{color:#fff;gap:10%;max-width:90%;margin:auto;padding:30px;display:flex}.profile-page .ep-bg{z-index:-1;position:fixed;inset:0;overflow:hidden}.profile-page .ep-bg .gradient{filter:blur(120px);opacity:.2;background:radial-gradient(circle at 30% 30%,#22d3ee,#0000 30%),radial-gradient(circle at 70% 70%,#7c3aed,#0000 30%),#050810;width:200%;height:200%;animation:10s linear infinite moveGradient;position:absolute}@keyframes moveGradient{0%{transform:translate(0)}50%{transform:translate(-20%,-20%)}to{transform:translate(0)}}.profile-page .ep-bg .grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite moveGrid;position:absolute;inset:0}@keyframes moveGrid{0%{transform:translateY(0)}to{transform:translateY(40px)}}.profile-page .ppleft{flex-direction:column;gap:20px;width:40%;display:flex}.profile-page .ppright{flex-direction:column;gap:20px;width:50%;display:flex}.profile-page .profile-header{align-items:center;gap:20px;display:flex}.profile-page .profile-header .pph{flex-direction:column;gap:10px;display:flex}.profile-page .profile-header img{object-fit:cover;border:3px solid #22d3ee;border-radius:50%;width:200px;height:200px}.profile-page .profile-header h2{margin:0}.profile-page .profile-header span{color:#9ca3af;font-size:13px}.profile-page .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:15px;width:100%;height:auto;padding:20px}.profile-page .card h3{color:#e5e7eb;margin-bottom:10px}.profile-page .chips{flex-wrap:wrap;gap:8px;display:flex}.profile-page .chips span{background:#7c3aed4d;border-radius:10px;padding:6px 10px;font-size:13px}.profile-page .item{margin-bottom:10px}.profile-page .item h4{margin:0}.profile-page .item p{color:#9ca3af;margin:4px 0}.profile-page .item a{color:#22d3ee;font-size:13px}.edit-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px;transition:all .3s}.edit-btn:hover{transform:scale(1.05)}.rating-inline{margin-top:10px}.rating-inline h4{color:#9ca3af;margin-bottom:5px;font-size:14px}.rating-inline .rating-row{align-items:center;gap:10px;display:flex}.rating-inline .stars-r{font-size:18px}.rating-inline .rating-value{color:#e5e7eb;font-size:14px}.rating-inline .rate-actions{gap:6px;margin-top:6px;display:flex}.rating-inline .rate-star{cursor:pointer;color:#64748b;font-size:22px;transition:all .2s}.rating-inline .rate-star.active{color:#22d3ee;transform:scale(1.1)}.rc1 h3{align-items:center;gap:8px;display:flex}.rc1 h3 svg{color:#22d3ee;font-size:20px}.stars-r .full-r{color:#22d3ee}.stars-r .half{background:linear-gradient(90deg,#22d3ee 50%,#444 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.star-r.empty{color:#444}*{margin:0;padding:0}.edit-profile{color:#fff;justify-content:center;gap:5%;max-width:100%;margin:auto;padding:30px;display:flex}.edit-profile .cardleft{width:45%;height:100%}.edit-profile .cardleft .cardl1{width:45%;position:fixed}.edit-profile .cardright{flex-direction:column;gap:20px;width:45%;height:100%;display:flex}.edit-profile .cardright .cr1{z-index:10}.edit-profile .ep-bg{z-index:-1;position:fixed;inset:0;overflow:hidden}.edit-profile .ep-bg .gradient{filter:blur(120px);opacity:.2;background:radial-gradient(circle at 30% 30%,#22d3ee,#0000 30%),radial-gradient(circle at 70% 70%,#7c3aed,#0000 30%),#050810;width:200%;height:200%;animation:10s linear infinite moveGradient;position:absolute}.edit-profile .ep-bg .grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite moveGrid;position:absolute;inset:0}.edit-profile h2{margin-bottom:20px}.edit-profile .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:15px;height:auto;margin-bottom:25px;padding:20px}.edit-profile .card h3{color:#e5e7eb;margin-bottom:15px}.edit-profile .input-group{background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:flex}.edit-profile .input-group svg{color:#22d3ee}.edit-profile .input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1}.edit-profile .input-group.disabled{opacity:.6}.edit-profile textarea{resize:none;color:#fff;background:#ffffff0d;border:none;border-radius:10px;outline:none;width:100%;padding:12px}.edit-profile .save-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:15px;transition:all .3s}.edit-profile .save-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #7c3aed99,0 0 40px #22d3ee66}.loading-screen{color:#fff;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.success{text-align:center;color:#22d3ee;margin-top:10px}.save-toast{color:#fff;z-index:9999;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:10px;padding:12px 18px;font-size:14px;animation:.3s slideUp;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status{text-align:center;font-size:13px}.status.saving{color:#22d3ee}.status.dirty{color:#facc15}.save-toast{color:#fff;z-index:9999;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:10px;align-items:center;gap:6px;padding:12px 18px;font-size:14px;animation:.3s slideUp;display:flex;position:fixed;bottom:20px;right:20px}.profile-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:20px;padding:25px;display:flex}.profile-form .profile-header{align-items:center;gap:20px;display:flex}.profile-form .profile-header .image-wrapper{position:relative}.profile-form .profile-header .image-wrapper img{object-fit:cover;border:3px solid #ffffff1a;border-radius:50%;width:90px;height:90px}.profile-form .profile-header .image-wrapper .upload-btn{cursor:pointer;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:absolute;bottom:0;right:0}.profile-form .profile-header .image-wrapper .upload-btn svg{color:#fff;font-size:12px}.profile-form .profile-header .image-wrapper .upload-btn:hover{transform:scale(1.1)}.profile-form .profile-header .profile-title h3{margin:0;font-size:20px}.profile-form .profile-header .profile-title p{color:#9ca3af;margin:0;font-size:13px}.profile-form .form-body{flex-direction:column;gap:12px;display:flex}.profile-form .input-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:12px;transition:all .3s;display:flex}.profile-form .input-group svg{color:#22d3ee}.profile-form .input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px}.profile-form .input-group input::placeholder{color:#6b7280}.profile-form .input-group:focus-within{border-color:#22d3ee;box-shadow:0 0 12px #22d3ee80}.profile-form .input-group.disabled{opacity:.5}.profile-form textarea{resize:none;color:#fff;background:#ffffff0d;border:none;border-radius:10px;outline:none;min-height:80px;padding:12px;transition:all .3s}.profile-form textarea:focus{border:1px solid #22d3ee;box-shadow:0 0 10px #22d3ee66}.college-input-wrapper{width:100%;position:relative}.college-suggestions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#0f1428f2;border:1px solid #ffffff14;border-radius:12px;width:100%;max-height:180px;position:absolute;top:110%;left:0;overflow-y:auto}.college-suggestions div{cursor:pointer;color:#e5e7eb;padding:10px 12px;transition:all .2s}.college-suggestions div:hover{background:#7c3aed66}.add-new{cursor:pointer;color:#22d3ee;padding:10px 12px;font-weight:500}.add-new:hover{background:#22d3ee33}.username-wrapper{width:100%;position:relative}.username-wrapper input{width:100%}.username-wrapper .status{font-size:12px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.username-wrapper .available{color:#22c55e}.username-wrapper .taken{color:#ef4444}.username-wrapper .error{color:orange}.status{font-size:12px;font-weight:500;transition:all .3s}.status.available{color:#22c55e}.status.taken{color:#ef4444}.status.error{color:orange}.skills-input{flex-direction:column;gap:12px;display:flex;position:relative}.skills-input .input-box{flex-wrap:wrap;gap:10px;display:flex}.skills-input .input-box input,.skills-input .input-box select{color:#fff;background:#ffffff0d;border:none;border-radius:10px;outline:none;width:30%;height:40px;padding:10px}.skills-input .input-box option{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background-color:#0a0f1ee6;border:none}.skills-input .input-box input[type=number]{width:80px}.skills-input .input-box input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.skills-input .input-box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.skills-input .input-box input[type=number]{-moz-appearance:textfield}.skills-input .input-box button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;padding:10px 14px}.skills-input .autocomplete{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0f1ee6;border:1px solid #ffffff14;border-radius:12px;width:100%;max-height:220px;position:absolute;top:60px;overflow-y:auto;box-shadow:0 10px 30px #0006,0 0 20px #7c3aed26}.skills-input .autocomplete div{cursor:pointer;padding:12px;transition:all .2s}.skills-input .autocomplete div:hover{background:linear-gradient(135deg,#22d3ee26,#7c3aed40)}.skills-input .autocomplete .no-match{color:#9ca3af;padding:12px;font-size:13px}.skills-input .autocomplete::-webkit-scrollbar{width:6px}.skills-input .autocomplete::-webkit-scrollbar-track{background:0 0}.skills-input .autocomplete::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:10px}.skills-input .autocomplete::-webkit-scrollbar-thumb:hover{background:#7c3aedb3}.skills-input .skills{flex-wrap:wrap;gap:10px;display:flex}.skills-input .skills .skill-chip{background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.skills-input .skills .skill-chip .skill-info{flex-direction:column;display:flex}.skills-input .skills .skill-chip .skill-info strong{font-size:13px}.skills-input .skills .skill-chip .skill-info small{color:#9ca3af;font-size:11px}.skills-input .skills .skill-chip svg{cursor:pointer;color:#ef4444}.projects{flex-direction:column;gap:12px;display:flex}.projects input,.projects textarea{color:#fff;background:#ffffff0d;border:none;border-radius:10px;outline:none;padding:12px}.projects textarea{resize:none;min-height:80px}.projects button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;padding:12px}.projects .preview-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:15px}.projects .preview-card h4{margin:0}.projects .preview-card p{color:#9ca3af;font-size:13px}.projects .preview-card .tech{color:#22d3ee;margin-top:5px;font-size:12px;display:inline-block}.projects .preview-card a{color:#7c3aed;margin-top:8px;font-size:13px;display:inline-block}.projects .project-list{flex-direction:column;gap:10px;display:flex}.projects .project-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;gap:10px;padding:12px;display:flex}.projects .project-card .info{flex-direction:column;gap:4px;display:flex}.projects .project-card .info p{color:#9ca3af;font-size:13px}.projects .project-card .info .tech{color:#22d3ee;font-size:12px}.projects .project-card .info a{color:#7c3aed;font-size:12px}.projects .project-card svg{cursor:pointer;color:#ef4444}.experience{flex-direction:column;gap:12px;display:flex}.experience input,.experience textarea{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:12px}.experience textarea{resize:none;min-height:80px}.experience .timeline{gap:10px;display:flex}.experience .checkbox{gap:8px;font-size:14px;display:flex}.experience .upload{cursor:pointer;text-align:center;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:10px;padding:10px}.experience .file-preview{align-items:center;gap:8px;font-size:13px;display:flex}.experience button{cursor:pointer;background:#22d3ee;border:none;border-radius:10px;padding:12px}.experience .preview-card{background:#ffffff0d;border-radius:12px;padding:12px}.experience .preview-card .desc{color:#9ca3af;font-size:13px}.experience .list{flex-direction:column;gap:10px;display:flex}.experience .item{background:#ffffff0d;border-radius:10px;justify-content:space-between;gap:10px;padding:12px;display:flex}.experience .item .info{flex-direction:column;gap:4px;display:flex}.experience .item .info p{color:#9ca3af;font-size:13px}.experience .item .info small{color:#6b7280;font-size:12px}.experience .item .info a{color:#22d3ee;font-size:12px}.experience .item svg{cursor:pointer;color:#ef4444}.achievements{flex-direction:column;gap:12px;display:flex}.achievements input,.achievements textarea,.achievements select{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:12px}.achievements option{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1ee6}.achievements textarea{min-height:80px}.achievements .upload{cursor:pointer;text-align:center;background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:10px;padding:10px}.achievements .file-preview{gap:8px;font-size:13px;display:flex}.achievements button{cursor:pointer;background:#22d3ee;border:none;border-radius:10px;padding:12px}.achievements .preview-card{background:#ffffff0d;border-radius:12px;padding:12px}.achievements .preview-card .desc{color:#9ca3af;font-size:13px}.achievements .list{flex-direction:column;gap:10px;display:flex}.achievements .item{background:#ffffff0d;border-radius:10px;justify-content:space-between;gap:10px;padding:12px;display:flex}.achievements .item .info{flex-direction:column;gap:4px;display:flex}.achievements .item .info p{color:#9ca3af;font-size:13px}.achievements .item .info small{color:#6b7280;font-size:12px}.achievements .item .info a{color:#22d3ee;font-size:12px}.achievements .item svg{cursor:pointer;color:#ef4444}.education{flex-direction:column;gap:10px;display:flex}.education input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:10px}.education input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.education input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.education input{-moz-appearance:textfield}.education button{cursor:pointer;background:#22d3ee;border:none;border-radius:10px;padding:10px}.education .list{flex-direction:column;gap:10px;display:flex}.education .item{background:#ffffff0d;border-radius:10px;justify-content:space-between;padding:10px;display:flex}.education .item .info{flex-direction:column;display:flex}.education .item .info p{color:#9ca3af;font-size:13px}.education .item .info small{color:#6b7280;font-size:12px}.education .item svg{cursor:pointer;color:#ef4444}.explore{color:#e5e7eb;padding:30px}.top-search{margin-bottom:25px}.top-search input{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:14px 18px;font-size:14px}.top-search input:focus{border:1px solid #7c3aed;outline:none;box-shadow:0 0 12px #7c3aed66}.layout{gap:20px;display:flex}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;width:30%;padding:20px}.sidebar h3{margin-bottom:12px}.sidebar input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;width:100%;padding:10px}.content{flex-direction:column;gap:16px;width:70%;display:flex}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.user-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0006}.user-card img{object-fit:cover;cursor:pointer;border-radius:50%;width:70px;height:70px}.user-card .info{flex:1}.user-card .info h4{cursor:pointer;margin:0;font-size:16px}.user-card .info .college{color:#9ca3af;font-size:13px}.user-card .info .skills{gap:6px;margin-top:6px;display:flex}.user-card .info .skills span{background:#7c3aed33;border-radius:20px;padding:4px 8px;font-size:11px}.user-card .info .rating{color:#facc15;align-items:center;gap:4px;margin-top:6px;font-size:13px;display:flex}.user-card button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;padding:8px 14px}.user-card button.following{background:#374151}.suggestions{background:#111;border-radius:8px;margin-top:8px}.suggestion-item{cursor:pointer;padding:8px}.suggestion-item:hover{background:#222}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{background:#7c3aed33;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;display:flex}.chip .remove{cursor:pointer;font-size:10px}.sort-bar{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 14px;display:flex}.sort-bar span{color:#9ca3af;font-size:13px}.sort-options{gap:8px;display:flex}.sort-options button{cursor:pointer;color:#d1d5db;background:#ffffff0d;border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .25s}.sort-options button:hover{background:#7c3aed40}.sort-options button.active{color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);box-shadow:0 0 12px #7c3aed66}.linkers{color:#fff;padding:30px}.linkers h2{margin-bottom:20px}.tabs{gap:10px;margin-bottom:20px;display:flex}.tabs button{cursor:pointer;color:#9ca3af;background:#ffffff0d;border:none;border-radius:20px;padding:8px 16px;transition:all .3s}.tabs button:hover{background:#7c3aed33}.tabs button.active{color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);box-shadow:0 0 12px #7c3aed66}.list{flex-direction:column;gap:16px;display:flex}.linker-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:16px;padding:16px;transition:all .3s;display:flex}.linker-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0006}.linker-card img{object-fit:cover;border-radius:50%;width:65px;height:65px}.linker-card .info{flex-direction:column;gap:6px;width:100%;display:flex}.linker-card .info h4{margin:0;font-size:16px}.linker-card .info .college{color:#9ca3af;margin-bottom:4px;font-size:13px}.linker-card .info .rating{color:#facc15;align-items:center;gap:5px;margin-bottom:6px;font-size:13px;display:flex}.linker-card .info .skills{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.linker-card .info .skills span{background:#7c3aed33;border-radius:20px;padding:4px 8px;font-size:11px}.linker-card .info .about{color:#9ca3af;font-size:12px;line-height:1.4}.linker-card button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;align-self:center;padding:6px 14px;transition:all .3s}.actions{flex-direction:column;align-items:center;gap:8px;display:flex}.linker-card button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;padding:6px 14px;transition:all .3s}.linker-card button:hover{transform:scale(1.05)}.linker-card button.following{background:#374151}.chat-btn{background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:5px;font-size:12px;display:flex}.chat-btn:hover{background:#22d3ee33;border-color:#22d3ee}.avatar{position:relative}.avatar img{border-radius:50%;width:100px;height:100px}.avatar .online-dot{background:#22c55e;border:2px solid #111;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.badge{color:#22d3ee;background:#22d3ee33;border-radius:10px;padding:2px 6px;font-size:10px}.last-msg{color:#9ca3af;margin-top:4px;font-size:12px}.chat-popup{background:#111;border-radius:12px;flex-direction:column;width:300px;height:350px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 40px #00000080}.chat-header{border-bottom:1px solid #333;justify-content:space-between;padding:10px;display:flex}.chat-body{flex:1;padding:10px}.page-layout{background:#0f172a;gap:20px;min-height:100vh;padding:20px;display:flex}.page-layout .left{width:30%}.page-layout .right{flex-direction:column;gap:20px;width:70%;display:flex}.page-layout .right h2{color:#e5e7eb;margin:0}.post-page{flex:1;max-width:650px;margin:auto}.post-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:16px;margin-bottom:20px;padding:16px;transition:all .3s}.post-card:hover{transform:translateY(-3px)}.post-header{align-items:center;gap:10px;display:flex}.post-header img{border-radius:50%;width:45px;height:45px}.post-header h4{margin:0;font-size:15px}.post-header span{color:#94a3b8;font-size:12px}.post-text{margin:12px 0;line-height:1.5}.image-box img{border-radius:12px;width:100%;margin-top:10px}.post-actions{justify-content:space-around;margin-top:12px;display:flex}.post-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;transition:all .2s;display:flex}.post-actions button:hover{color:#fff}.post-actions .liked{color:#ec4899;transform:scale(1.1)}.comments-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:16px;padding:16px}.comments-box h3{margin-bottom:10px}.comments-list{max-height:300px;overflow-y:auto}.comment{gap:10px;margin-bottom:10px;display:flex}.comment img{border-radius:50%;width:35px;height:35px}.comment strong{font-size:14px}.comment p{color:#cbd5f5;margin:2px 0 0;font-size:13px}.comment-input{gap:10px;margin-top:10px;display:flex}.comment-input input{color:#fff;background:#ffffff0d;border:none;border-radius:12px;outline:none;flex:1;padding:10px}.comment-input button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6366f1,#ec4899);border:none;border-radius:12px;padding:10px 16px}.loading{text-align:center;color:#fff;margin-top:50px}.poll-box{margin-top:15px}.poll-option{cursor:pointer;background:#ffffff0d;border-radius:10px;margin-bottom:10px;padding:10px;position:relative;overflow:hidden}.poll-option span{z-index:2;position:relative}.poll-option small{float:right;z-index:2;position:relative}.poll-option:hover{background:#ffffff1a}.poll-bar{opacity:.4;z-index:1;background:linear-gradient(90deg,#60a5fa,#9333ea);height:100%;position:absolute;top:0;left:0}.createmain{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#020617);min-height:100vh;display:flex}.CTleft{border-right:1px solid #ffffff0d;width:25%}.CTright{flex:1;max-width:900px;margin:auto;padding:25px}.create-card,.team-box,.team-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:20px;padding:18px;transition:all .3s}.create-card:hover,.team-box:hover{transform:translateY(-2px)}h2,h3{align-items:center;gap:8px;margin-bottom:12px;display:flex}.input-box{background:#ffffff0d;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:10px;transition:all .2s;display:flex}.input-box:focus-within{background:#ffffff14;border:1px solid #6366f1}.input-box input{color:#fff;background:0 0;border:none;outline:none;flex:1}textarea{color:#fff;resize:none;background:#ffffff0d;border:none;border-radius:12px;outline:none;width:100%;min-height:80px;margin-top:10px;padding:10px}button{cursor:pointer;border:none;transition:all .2s}.create-card button{color:#fff;background:linear-gradient(45deg,#6366f1,#ec4899);border-radius:12px;width:100%;margin-top:15px;padding:12px;font-weight:600}.create-card button:hover{transform:scale(1.02)}.member img{border-radius:50%;width:38px;height:38px}.delete-team{color:#fff;background:linear-gradient(45deg,#ef4444,#dc2626);border-radius:10px;width:100%;margin-top:15px;padding:10px}.delete-team:hover{transform:scale(1.03)}.students{gap:12px;display:grid}.student-card{background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.student-card:hover{background:#ffffff14;transform:translateY(-2px)}.student-card img{border-radius:50%;width:45px;height:45px}.student-card h4{cursor:pointer;margin:0;font-size:14px}.student-card span{color:#94a3b8;font-size:12px}.student-card button{color:#fff;background:#6366f1;border-radius:10px;margin-left:auto;padding:8px 10px}.student-card button:hover{background:#4f46e5}.invite-item{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.invite-item img{border-radius:50%;width:40px;height:40px}.invite-info{flex:1}.invite-info span{font-weight:500}.invite-info small{color:#94a3b8;font-size:12px}.status.pending{color:#000;background:#facc15}.status.accepted{color:#fff;background:#22c55e}.empty{text-align:center;color:#64748b}.students,.team-section{max-height:350px;overflow-y:auto}@media (width<=900px){.createmain{flex-direction:column}.CTleft{width:100%}.CTright{padding:15px}}.image-upload{justify-content:flex-start;margin-bottom:15px;display:flex}.image-box{cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;display:flex;overflow:hidden}.image-box:hover{border-color:#6366f1}.image-box img{object-fit:cover;width:100%;height:100%}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.notif-layout{color:#fff;background:linear-gradient(135deg,#0f172a,#020617);min-height:100vh;display:flex}.left-n{border-right:1px solid #ffffff0d;width:25%}.right-n{flex:1;padding:30px 40px}.notif-header{align-items:center;gap:12px;margin-bottom:30px;font-size:22px;font-weight:600;display:flex}.notif-header svg{color:#60a5fa;font-size:20px}.notif-section{margin-bottom:30px}.notif-section h3{color:#94a3b8;align-items:center;gap:8px;margin-bottom:15px;font-size:16px;display:flex}.notif-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 18px;transition:all .25s;display:flex}.notif-card:hover{background:#ffffff0f;transform:translateY(-3px);box-shadow:0 8px 25px #0006}.info{align-items:center;gap:14px;display:flex}.info img{cursor:pointer;background:linear-gradient(#0f172a,#0f172a) padding-box padding-box,linear-gradient(135deg,#60a5fa,#9333ea) border-box;border:2px solid #0000;border-radius:50%;width:48px;height:48px;transition:all .3s}.info img:hover{transform:scale(1.08)}.info strong{font-size:15px}.info p{color:#94a3b8;font-size:13px}.actions{align-items:center;gap:10px;display:flex}.actions button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;font-size:14px;transition:all .25s;display:flex}.actions .accept{color:#22c55e;background:#22c55e26}.actions .accept:hover{color:#fff;background:#22c55e}.actions .reject{color:#ef4444;background:#ef444426}.actions .reject:hover{color:#fff;background:#ef4444}.actions .view{color:#60a5fa;background:#60a5fa26}.actions .view:hover{color:#fff;background:#60a5fa}.badge{border-radius:999px;padding:6px 10px;font-size:12px}.badge.accepted{color:#22c55e;background:#22c55e26}.badge.rejected{color:#ef4444;background:#ef444426}.view{color:#60a5fa;background:#60a5fa26}.view:hover{color:#fff;background:#60a5fa}button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;font-size:14px;transition:all .25s;display:flex}.unread{background:#60a5fa14;border-left:3px solid #60a5fa}.time{color:#94a3b8;font-size:13px}.popup-toast{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border:1px solid #ffffff1a;border-radius:10px;padding:12px 18px;font-size:14px;animation:.3s slideIn;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #00000080}.team-layout{color:#e2e8f0;background:radial-gradient(circle at top,#0f172a,#020617);width:100%;min-height:100vh;display:flex;position:relative}.left-mt{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid #ffffff0d;width:25%}.right-mt{flex:1;align-self:flex-start;max-width:1000px;margin:0 auto;padding:30px}.team-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:20px;margin-bottom:25px;padding:25px;transition:all .3s;box-shadow:0 10px 30px #0006}.team-card:hover{transform:translateY(-3px)}.team-card h2{margin-bottom:10px;font-size:24px;font-weight:600}.meta{color:#94a3b8;flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.meta span{background:#ffffff0d;border-radius:8px;padding:6px 10px;font-size:13px}.actions button{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-weight:500;transition:all .25s}.delete{background:linear-gradient(45deg,#ef4444,#dc2626)}.delete:hover{transform:scale(1.05);box-shadow:0 0 15px #ef444480}.leave{background:linear-gradient(45deg,#f59e0b,#d97706)}.leave:hover{transform:scale(1.05);box-shadow:0 0 15px #f59e0b66}.members{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:18px;padding:20px}.member{border-radius:12px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.member:hover{background:#ffffff0d}.member img{border:2px solid #6366f180;border-radius:50%;width:42px;height:42px}.member h4{cursor:pointer;font-size:15px;font-weight:500}.remove{color:#ef4444;background:#ef444433;border:none;border-radius:10px;margin-left:auto;padding:8px;transition:all .2s}.remove:hover{color:#fff;background:#ef4444}.no-team{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:75vh;padding:40px;display:flex}.no-team .icon{background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#0000;-webkit-background-clip:text;margin-bottom:15px;font-size:60px}.no-team h2{font-size:26px;font-weight:600}.no-team p{color:#94a3b8;max-width:420px;margin-top:10px}.no-team .actions{gap:12px;margin-top:25px;display:flex}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:12px 22px;font-weight:500;transition:all .3s}.create-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #6366f199}.explore-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px 22px;transition:all .3s}.explore-btn:hover{background:#ffffff1a}@media (width<=900px){.left{display:none}.right{padding:20px}}.team-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.team-header img{object-fit:cover;border:2px solid #6366f1b3;border-radius:50%;width:60px;height:60px;box-shadow:0 0 15px #6366f180}.team-header h2{margin:0;font-size:22px}.team-tag{color:#94a3b8;font-size:12px}.member-img{border:2px solid #6366f166;border-radius:50%;width:42px;height:42px}.find-layout{color:#e2e8f0;background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;display:flex}.left-ft{border-right:1px solid #ffffff0d;width:260px;padding:20px}.filter-card{background:#ffffff0d;border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex}.filter-card input{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:10px}.right-ft{flex:1;align-self:flex-start;max-width:1100px;margin:0 auto;padding:30px}.team-grid{flex-direction:column;gap:15px;display:flex}.team-tile{background:#ffffff0d;border-radius:18px;align-items:center;gap:20px;padding:18px;transition:all .3s;display:flex}.team-tile:hover{transform:translateY(-3px)}.tile-left img{border-radius:50%;width:60px;height:60px}.tile-center{flex:1}.meta{gap:10px;margin-top:8px;display:flex}.skills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.skills span{background:#6366f133;border-radius:8px;padding:4px 8px}.tile-right button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px}.tile-right button:hover{transform:scale(1.05)}.joined{background:#22c55e}.requested{background:#f59e0b}.full{background:#ef4444}.disabled{background:gray}.analytics-layout{color:#e2e8f0;background:radial-gradient(circle at 20% 20%,#1e293b,#020617);min-height:100vh;display:flex}.lefta{width:25%}.righta{flex:1;max-width:1200px;margin:auto;padding:40px}.righta h2{align-items:center;gap:10px;margin-bottom:25px;font-size:26px;font-weight:600;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;display:grid}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:22px;transition:all .35s;display:flex;position:relative}.stat-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#6366f1,#0000);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.stat-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 20px 40px #6366f140}.stat-card svg{color:#818cf8;font-size:26px}.stat-card h3{font-size:30px;font-weight:700}.chart-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0f,#ffffff03);border:1px solid #ffffff14;border-radius:22px;margin-top:30px;padding:24px;position:relative;overflow:hidden}.chart-card:after{content:"";opacity:.3;background:radial-gradient(circle at 0 0,#6366f133,#0000);position:absolute;inset:0}.chart-card h3{align-items:center;gap:8px;margin-bottom:12px;font-weight:500;display:flex}.no-analytics{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.insights{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:25px;display:grid}.insight-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6366f126,#6366f10d);border:1px solid #6366f133;border-radius:16px;padding:18px;transition:all .3s}.insight-card:hover{transform:translateY(-5px)}.top-post{background:linear-gradient(145deg,#ec48991a,#6366f114);border:1px solid #ffffff14;border-radius:18px;margin-top:25px;padding:20px}.top-post span{color:#f472b6;margin-top:10px;display:inline-block}.empty-banner{text-align:center;background:linear-gradient(90deg,#6366f133,#ec489933);border-radius:14px;margin-bottom:20px;padding:14px;font-weight:500}.loading{color:#94a3b8}.admin-page{color:#e2e8f0;background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;padding:30px}.admin-page h1{margin-bottom:20px}.stats{gap:15px;margin-bottom:20px;display:flex}.stats .stat{text-align:center;background:#ffffff0d;border-radius:16px;flex:1;padding:20px}.stats .stat h3{font-size:24px}.stats .stat.pending{border:1px solid #facc15}.stats .stat.approved{border:1px solid #22c55e}.stats .stat.rejected{border:1px solid #ef4444}.controls{justify-content:space-between;margin-bottom:20px;display:flex}.controls .search{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.controls .search input{color:#fff;background:0 0;border:none;outline:none}.controls select{color:#fff;background:#ffffff0d;border:none;border-radius:10px;padding:10px}.card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-5px)}.card .card-top{justify-content:space-between;margin-bottom:10px;display:flex}.card h3{margin-bottom:5px}.card .badge{border-radius:10px;padding:5px 10px;font-size:12px}.card .badge.pending{color:#000;background:#facc15}.card .badge.approved{background:#22c55e}.card .badge.rejected{color:#fff;background:#ef4444}.card .actions{gap:10px;margin-top:15px;display:flex}.card .actions button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;gap:5px;padding:8px;display:flex}.card .actions .approve{background:#22c55e}.card .actions .reject{color:#fff;background:#ef4444}.type{color:#a5b4fc;background:#6366f133;border-radius:6px;padding:3px 8px;font-size:11px}.team-public{background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;display:flex}.team-public .left{width:25%}.team-public .right-tp{color:#e2e8f0;flex:1;padding:30px}.team-public .team-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px;display:flex}.team-public .team-header .team-info h1{margin-bottom:5px;font-size:28px}.team-public .team-header .team-info .college{opacity:.7;margin-bottom:10px}.team-public .team-header .team-info .meta{opacity:.7;gap:15px;font-size:13px;display:flex}.team-public .team-header .join-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#38bdf8,#7c3aed);border:none;border-radius:12px;padding:12px 20px;font-weight:500;transition:all .3s}.team-public .team-header .join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7c3aed66}.team-public .section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0a;border-radius:18px;margin-bottom:25px;padding:20px}.team-public .section h3{margin-bottom:15px}.team-public .tags{flex-wrap:wrap;gap:10px;display:flex}.team-public .tags span{background:linear-gradient(135deg,#38bdf8,#7c3aed);border-radius:12px;padding:6px 12px;font-size:12px}.team-public .members-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}.team-public .members-grid .member-card{background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.team-public .members-grid .member-card:hover{background:#ffffff14;transform:translateY(-3px)}.team-public .members-grid .member-card img{object-fit:cover;border-radius:50%;width:45px;height:45px}.team-public .members-grid .member-card .info h4{margin:0;font-size:15px}.team-public .members-grid .member-card .info p{opacity:.6;font-size:12px}.myposts-layout{background:linear-gradient(135deg,#020617,#0f172a);min-height:100vh;display:flex}.left-mp{width:30%}.right-mp{flex:1;padding:30px}.title{margin-bottom:20px;font-size:22px}.empty{color:#94a3b8}.post-card-mp{cursor:pointer;background:#ffffff08;border-radius:14px;max-width:40%;margin-bottom:15px;padding:16px;transition:all .25s}.post-card-mp:hover{background:#ffffff0f;transform:translateY(-3px)}.post-text{margin-bottom:10px}.image-box{gap:8px;margin-bottom:10px;display:flex}.image-box img{object-fit:cover;border-radius:8px;width:120px;height:100px}.poll-option{background:#ffffff0d;border-radius:8px;margin-bottom:6px;padding:8px;position:relative;overflow:hidden}.poll-option span,.poll-option small{z-index:2;position:relative}.poll-option small{float:right}.poll-bar{opacity:.4;background:linear-gradient(90deg,#60a5fa,#9333ea);height:100%;position:absolute;top:0;left:0}.post-actions{color:#94a3b8;gap:15px;margin-top:10px;display:flex}.hack-layout{color:#fff;background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;display:flex}.left-h{border-right:1px solid #ffffff0d;width:25%}.right-h{flex:1;padding:30px 40px}.hack-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.hack-header h2{letter-spacing:.5px;font-size:26px;font-weight:600}.hack-header .btn-ec{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:10px;align-items:center;gap:8px;width:20%;padding:10px 16px;font-weight:500;transition:all .25s;display:flex}.hack-header .btn-ec:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}.hack-header .btn-ec:active{transform:translateY(1px)}.empty{color:#94a3b8;font-size:14px}.right{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.hack-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:18px;transition:all .3s;position:relative}.hack-card:hover{background:#ffffff0f;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px #00000080}.hack-card h3{margin-bottom:6px;font-size:18px}.hack-card p{color:#94a3b8;margin-bottom:12px;font-size:13px}.meta{color:#cbd5f5;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.meta span{background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;display:flex}.bottom{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.bottom span{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:flex}.bottom button{color:#6366f1;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .25s}.bottom button:hover{color:#fff;background:#6366f1;box-shadow:0 6px 20px #6366f180}.bottom button:active{transform:translateY(1px)}.hack-card:after{content:"";opacity:0;background:linear-gradient(135deg,#0000,#6366f133);border-radius:16px;transition:all .3s;position:absolute;inset:0}.hack-card:hover:after{opacity:1}.create-hack{color:#fff;background:radial-gradient(circle at top,#0f172a,#020617);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px;display:flex}.create-hack>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;width:100%;max-width:700px;padding:30px;box-shadow:0 20px 50px #0009}.create-hack h2{align-items:center;gap:10px;margin-bottom:25px;font-size:24px;display:flex}.input-group{margin-bottom:16px;position:relative}.input-group svg{color:#64748b;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group input,.input-group textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 12px 12px 38px;font-size:14px;transition:all .25s}.input-group textarea{resize:none;min-height:90px}.input-group input:focus,.input-group textarea:focus{background:#ffffff0d;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.create-hack button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:600;transition:all .3s}.create-hack button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f180}.create-hack button:active{transform:translateY(1px)}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hack-detail{background:radial-gradient(circle at top,#020617,#020617);min-height:100vh;display:flex}.left-hd{width:25%}.right-hd{flex:1;padding:30px}.hack-container{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;max-width:900px;margin:auto;padding:25px;box-shadow:0 20px 60px #0009}.hack-hero{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.hack-hero h1{font-size:28px}.desc{color:#94a3b8;margin-top:6px}.domain{background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:10px;padding:6px 12px;font-size:12px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:25px;display:grid}.info-card{background:#ffffff0d;border-radius:12px;gap:10px;padding:12px;transition:all .2s;display:flex}.info-card:hover{background:#ffffff14}.info-card svg{color:#6366f1}.info-card span{color:#94a3b8;font-size:12px}.participation{margin-bottom:30px}.top{justify-content:space-between;margin-bottom:8px;display:flex}.percent{color:#6366f1}.progress{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#6366f1,#9333ea);height:100%;transition:all .4s}.join-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:12px;justify-content:center;gap:8px;width:100%;margin-top:15px;padding:14px;font-weight:600;transition:all .3s;display:flex}.join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f180}.join-btn.joined{color:#4ade80;background:#22c55e33}.join-btn.full{color:#94a3b8;background:#ffffff1a}.team-list h3{margin-bottom:12px}.team-card{cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;transition:all .2s;display:flex}.team-card:hover{background:#ffffff14;transform:translateY(-2px)}.team-avatar{background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.popup{z-index:999;border-radius:10px;padding:12px 18px;font-size:14px;animation:.3s slideIn;position:fixed;top:20px;right:20px}.popup.success{color:#fff;background:#22c55e}.popup.error{color:#fff;background:#ef4444}.popup.info{color:#fff;background:#6366f1}.team-list{margin-top:30px}.team-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.team-header .count{background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:10px;padding:4px 10px;font-size:12px}.empty-state{text-align:center;opacity:.6;padding:20px}.empty-state svg{margin-bottom:10px;font-size:30px}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;transition:all .3s;display:flex}.team-card:hover{background:#ffffff14;transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.team-left{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.team-info h4{font-size:15px}.team-info p{opacity:.7;font-size:12px}.team-right{align-items:center;gap:10px;display:flex}.status{text-transform:capitalize;border-radius:10px;padding:4px 10px;font-size:12px}.status.pending{background:#ffffff1a}.status.qualified{color:#4ade80;background:#22c55e33}.status.rejected{color:#f87171;background:#ef444433}.admin-actions{gap:6px;display:flex}.admin-actions button{cursor:pointer;border:none;border-radius:8px;width:34px;height:34px;transition:all .2s}.admin-actions .approve{color:#4ade80;background:#22c55e33}.admin-actions .reject{color:#f87171;background:#ef444433}.admin-actions button:hover{transform:scale(1.1)}.hack-header{justify-content:space-between;align-items:center;display:flex}.delete-btn{color:#f87171;cursor:pointer;background:#ef444426;border:none;border-radius:10px;padding:10px;transition:all .2s}.delete-btn:hover{background:#ef44444d;transform:scale(1.1)}.delete-popup{z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-box{text-align:center;background:#020617;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:500px;height:300px;padding:20px;display:flex}.popup-box h3{font-size:2.3rem}.popup-box p{color:#94a3b8;font-size:1rem}.popup-box .actions{flex-direction:row;gap:10px;margin-top:15px;display:flex}.popup-box button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px}.popup-box .cancel{background:#ffffffbc}.popup-box .delete{color:#fff;background:#ef4444}.event-layout{color:#fff;background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;display:flex}.right-el{flex:1;padding:30px 40px}.left-el{width:25%}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:10px;align-items:center;gap:8px;width:30%;padding:10px 14px;display:flex}.empty{text-align:center;opacity:.6;margin-top:40px}.event-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:18px;margin-bottom:20px;transition:all .3s;overflow:hidden}.event-card:hover{transform:translateY(-6px)}.banner{height:160px;position:relative}.banner img{object-fit:cover;width:100%;height:100%}.placeholder{justify-content:center;align-items:center;height:100%;display:flex}.tag{border-radius:10px;padding:4px 10px;font-size:12px;position:absolute;top:10px;left:10px}.tag.inter{background:#6366f14d}.tag.intra{background:#22c55e4d}.content{padding:15px}.desc{opacity:.7;font-size:13px}.meta{justify-content:space-between;margin:10px 0;font-size:12px;display:flex}.join-btn{cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:12px;width:100%;padding:10px}.join-btn.joined{background:#22c55e33}.join-btn.full{background:#ef444433}.popup{border-radius:10px;padding:12px;position:fixed;top:20px;right:20px}.delete-btn{color:#f87171;cursor:pointer;z-index:2;background:#ef444433;border:none;border-radius:10px;padding:8px;position:absolute;top:10px;right:10px}.delete-popup{z-index:999;position:fixed;inset:0}.overlay{background:#0009;position:absolute;inset:0}.popup-box{text-align:center;background:#020617;border-radius:16px;width:320px;margin:auto;padding:20px;position:relative;top:50%;transform:translateY(-50%)}.actions{gap:10px;margin-top:15px;display:flex}.actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px}.cancel{background:#ffffff1a}.delete{color:#fff;background:#ef4444}.event-layout{background:radial-gradient(circle at top,#020617,#020617);min-height:100vh;display:flex}.left-ce{border-right:1px solid #ffffff0d;width:25%}.right-ce{color:#e2e8f0;flex:1;padding:30px 40px}.event-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border-radius:20px;max-width:600px;margin:auto;padding:25px}.image-upload{cursor:pointer;border:2px dashed #fff3;border-radius:16px;justify-content:center;align-items:center;height:180px;margin-bottom:15px;display:flex;overflow:hidden}.image-upload img{object-fit:cover;width:100%;height:100%}.image-upload label{opacity:.7;flex-direction:column;align-items:center;gap:6px;display:flex}.input{background:#ffffff0f;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:flex}.input input,textarea{color:#fff;background:0 0;border:none;width:100%}.textarea textarea{height:80px}.toggle{justify-content:space-between;margin:12px 0;display:flex}button{cursor:pointer;background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:12px;width:100%;padding:12px}body{color:#e5e7eb;background-color:#0b0f1a;font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#7c3aed);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:14px;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #22d3ee33}.btn:hover{background:linear-gradient(135deg,#7c3aed,#22d3ee);transform:translateY(-2px)scale(1.02);box-shadow:0 0 15px #7c3aed99,0 0 30px #22d3ee66}.btn:active{transform:scale(.96)}.btn svg{background:0 0}::selection{color:#fff;background:#7c3aed}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 0 20px #7c3aed4d}a{text-decoration:none}
