@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-card: #161616;--bg-elevated: #1a1a1a;--bg-hover: #222222;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-muted: #666666;--border-color: #2a2a2a;--border-hover: #3a3a3a;--accent: #ffffff;--accent-muted: #888888;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-3d: 0 20px 60px rgba(0, 0, 0, .6), 0 8px 20px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.card-3d{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d);transform:perspective(1000px) rotateX(0) rotateY(0);transition:var(--transition)}.card-3d:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-8px);box-shadow:0 30px 80px #000000b3,0 12px 30px #00000080;border-color:var(--border-hover)}.glass{background:#161616cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.demo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.demo-close-area{position:absolute;top:0;right:0;bottom:0;left:0}.close-demo-btn{position:absolute;top:30px;right:30px;background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;z-index:2002;transition:all .2s}.close-demo-btn:hover{background:#fff3;transform:rotate(90deg)}.phone-3d-container{position:relative;z-index:2001;perspective:1000px}.phone-frame{width:300px;height:600px;background:#000;border-radius:40px;box-shadow:0 0 0 2px #333,0 0 0 4px #1a1a1a,20px 20px 50px #00000080,-10px -10px 30px #ffffff0d;position:relative;transform:rotateY(-10deg) rotateX(10deg);transition:transform .5s ease;overflow:hidden;animation:floatPhone 6s ease-in-out infinite}.phone-frame:hover{transform:rotateY(0) rotateX(0) scale(1.02)}@keyframes floatPhone{0%,to{transform:rotateY(-10deg) rotateX(10deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(8deg) translateY(-20px)}}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:25px;background:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100;display:flex;justify-content:center;align-items:center;gap:8px}.camera{width:8px;height:8px;background:#111;border-radius:50%;box-shadow:inset 0 0 2px #333}.speaker{width:40px;height:4px;background:#222;border-radius:4px}.phone-buttons-right{position:absolute;right:-6px;top:100px;width:6px;height:50px;background:#222;border-radius:0 4px 4px 0}.phone-buttons-left{position:absolute;left:-6px;top:80px;width:6px;height:80px;background:#222;border-radius:4px 0 0 4px}.phone-screen{width:100%;height:100%;background:#121212;border-radius:36px;overflow:hidden;position:relative;font-family:Inter,sans-serif}.phone-status-bar{display:flex;justify-content:space-between;padding:12px 24px 0;font-size:12px;color:#fff;font-weight:600;position:relative;z-index:101}.status-icons{display:flex;gap:6px}.app-view{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 20px 20px;background:#121212;color:#fff;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(100%);display:flex;flex-direction:column}.app-view.active{opacity:1;transform:translate(0)}.app-view.exit{opacity:0;transform:translate(-30%)}.splash-view{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;z-index:10}.app-logo-icon{font-size:48px;margin-bottom:16px;animation:pulseLogo 2s infinite}.fake-input{background:#222;border-radius:12px;padding:12px;margin-bottom:12px;font-size:14px;color:#888;border:1px solid #333}.fake-input.filled{color:#fff}.fake-input.active-anim{color:#fff;border-color:#00f0ff}.fake-btn{width:100%;padding:14px;border-radius:12px;border:none;font-weight:600;margin-top:10px}.fake-btn.primary{background:#fff;color:#000}.clicked-anim{animation:btnClick .2s forwards;animation-delay:.8s}.delayed-click{animation:btnClick .2s forwards;animation-delay:2s}@keyframes btnClick{0%{transform:scale(1)}50%{transform:scale(.95);opacity:.8}to{transform:scale(1)}}.feed-view{padding-top:40px;background:#000}.fake-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #333;font-weight:700;margin-bottom:16px}.fake-scroll-content{animation:scrollFeed 4s ease-in-out infinite;animation-delay:1s}.fake-stories{display:flex;gap:10px;margin-bottom:20px}.story-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(45deg,#00f0ff,#7928ca);border:2px solid #000}.fake-post{background:#1a1a1a;border-radius:16px;padding:16px;margin-bottom:16px}.fake-post-header{display:flex;gap:10px;margin-bottom:12px}.fake-avatar{width:32px;height:32px;border-radius:50%;background:#333}.fake-lines .line{height:8px;background:#333;border-radius:4px;margin-bottom:6px}.w-50{width:100px}.w-30{width:60px}.fake-post-body{height:100px;background:#222;border-radius:8px}@keyframes scrollFeed{0%,20%{transform:translateY(0)}50%,80%{transform:translateY(-100px)}to{transform:translateY(0)}}.fake-tab-bar{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#1a1a1a;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #333;z-index:20}.fake-tab{width:24px;height:24px;background:#444;border-radius:4px}.active-tab-anim{background:#00f0ff;animation:tabClick .3s forwards;animation-delay:2s}@keyframes tabClick{0%{transform:scale(1)}50%{transform:scale(.8);background:#fff}to{transform:scale(1);background:#00f0ff}}.team-view{padding-top:50px;background:#000}.team-search-bar{background:#222;margin:0 0 20px;padding:12px;border-radius:10px;font-size:13px;color:#888;border:1px solid #333;display:flex;align-items:center}.search-placeholder{margin-right:4px;color:#666}.typing-text{color:#fff;font-weight:600;overflow:hidden;white-space:nowrap;border-right:2px solid #00F0FF;animation:typeText 1.5s steps(20) forwards,blinkCursor .5s step-end infinite alternate;width:0}@keyframes typeText{to{width:100px}}@keyframes blinkCursor{50%{border-color:transparent}}.teammate-list{display:flex;flex-direction:column;gap:12px}.teammate-card{background:#1a1a1a;padding:12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #333;opacity:0}.card-enter-1{animation:slideInUp .4s ease-out forwards;animation-delay:1.6s}.card-enter-2{animation:slideInUp .4s ease-out forwards;animation-delay:1.8s}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.teammate-info{display:flex;gap:12px;align-items:center}.teammate-avatar{width:40px;height:40px;border-radius:50%}.av-1{background:linear-gradient(135deg,#ff0080,#7928ca)}.av-2{background:linear-gradient(135deg,#00f0ff,#0072f5)}.teammate-name{font-size:14px;font-weight:600;color:#fff}.teammate-role{font-size:11px;color:#888}.connect-btn{padding:8px 12px;border-radius:20px;border:none;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;min-width:80px}.connect-btn.outline{background:transparent;border:1px solid #444;color:#fff}.auto-connect{background:#fff;color:#000;position:relative;overflow:hidden;animation:btnInteract 2s forwards;animation-delay:2.5s}.btn-text-connect{display:flex;align-items:center;gap:4px}.btn-text-sent{display:none;align-items:center;gap:4px}@keyframes btnInteract{0%{transform:scale(1);background:#fff;color:#000}10%{transform:scale(.9)}20%{transform:scale(1);background:#22c55e;color:#fff;border-color:#22c55e}to{background:#22c55e;color:#fff;border-color:#22c55e}}.auto-connect .btn-text-connect{animation:fadeOut 0s forwards 2.7s}.auto-connect .btn-text-sent{opacity:0;position:absolute;animation:fadeIn 0s forwards 2.7s}@keyframes fadeOut{to{opacity:0;width:0;display:none}}@keyframes fadeIn{to{opacity:1;position:relative;display:flex}}.demo-instruction{text-align:center;margin-top:20px;color:#666;font-size:14px;letter-spacing:1px;text-transform:uppercase}@keyframes pulseLogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}:root{--bg-black: #000000;--text-white: #ffffff;--text-gray: #a1a1aa}body{margin:0;padding:0;background-color:var(--bg-black);overflow-x:hidden}.landing{min-height:100vh;color:var(--text-white);font-family:Inter,system-ui,-apple-system,sans-serif;width:100%}.landing-nav{position:fixed;top:0;left:0;width:100%;height:80px;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-content{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.landing-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff}.landing-nav-center{display:flex;gap:40px}.nav-link-item,.nav-link-text{color:#ccc;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.nav-link-item:hover{color:#fff}.landing-nav-links{display:flex;align-items:center;gap:24px}.hero-particles{position:relative;height:90vh;width:100%;background:#000;display:flex;align-items:center;justify-content:center;margin-top:40px}.text-canvas{width:100%;height:100%;display:block}.hero-sub-actions{text-align:center;padding-bottom:80px;background:#000;position:relative;z-index:10;margin-top:-80px}.hero-actions{display:flex;gap:16px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:100px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:16px}.btn-white{background:#fff;color:#000;border:1px solid #ffffff}.btn-white:hover{background:#e0e0e0;transform:scale(1.02)}.btn-glass{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-glass:hover{background:#fff3;border-color:#fff6}.btn-arrow{margin-left:8px}.stats-marquee-section{padding:30px 0;background:#050505;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.marquee-wrapper{width:100%;display:flex}.marquee-track{display:flex;gap:100px;animation:scroll 30s linear infinite;min-width:100%}.marquee-item{display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.stat-value{font-size:48px;font-weight:800;color:#fff;letter-spacing:-1px}.stat-label{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:8px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.features-section,.cta-section{padding:100px 24px}.features-header{text-align:center;margin-bottom:80px}.section-title{font-size:42px;font-weight:700;margin-bottom:16px;color:#fff}.section-subtitle{font-size:18px;color:var(--text-gray)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.glass-card{background:#14141466;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;transition:transform .3s,background .3s}.glass-card:hover{transform:translateY(-8px);background:#1e1e1e99;border-color:#ffffff26}.feature-icon{font-size:32px;margin-bottom:24px;color:#fff}.feature-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#fff}.feature-desc{font-size:15px;color:var(--text-gray);line-height:1.6}.cta-section{text-align:center}.cta-card{max-width:900px;margin:0 auto;padding:80px 24px}.cta-title{font-size:48px;font-weight:800;margin-bottom:24px;color:#fff}.cta-subtitle{font-size:18px;color:var(--text-gray);margin-bottom:48px}.landing-footer{background:#000;border-top:1px solid rgba(255,255,255,.1);padding:40px 24px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-copy{color:#666;font-size:14px}@media (max-width: 768px){.landing-nav-center{display:none}.nav-content{padding:0 20px}.stat-value{font-size:36px}.footer-content{flex-direction:column;gap:20px}}.auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000;position:relative;overflow:hidden}.auth-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.auth-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0006,#000);z-index:1;pointer-events:none}.auth-container{position:relative;z-index:10;width:100%;max-width:400px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:24px}.auth-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-.5px}.auth-card{width:100%;background:#141414b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.auth-subtitle{font-size:14px;color:#888}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group label{font-size:13px;font-weight:500;color:#ccc;margin-left:4px}.input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;outline:none;transition:all .2s}.input:focus{border-color:#fff;background:#ffffff0d;box-shadow:0 0 0 4px #ffffff0d}.btn-full{width:100%;margin-top:10px;background:#fff;color:#000;border:none;padding:14px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s}.btn-full:hover{transform:scale(1.02);background:#f0f0f0}.btn-full:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:#666}.auth-link{color:#fff;text-decoration:none;font-weight:600;margin-left:4px}.auth-link:hover{text-decoration:underline}.auth-error{background:#ff00001a;border:1px solid rgba(255,0,0,.2);color:#ff4d4d;padding:12px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:20px}.btn-google{background-color:#fff;color:#000;border:1px solid #e5e7eb;width:100%;padding:12px;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .2s;margin-bottom:20px}.btn-google:hover{background-color:#f9fafb}.auth-divider{display:flex;align-items:center;justify-content:center;margin:0 0 20px;position:relative;text-align:center;width:100%}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#374151;z-index:0}.auth-divider span{background-color:#111827;color:#9ca3af;padding:0 10px;font-size:.85rem;z-index:1;position:relative}.modal-overlay-auth{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-z{z-index:10000;max-width:400px;width:100%;animation:slideIn .3s ease-out}.input-icon{position:absolute;left:12px;color:#9ca3af}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay-auth{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-z{z-index:2001;width:100%;max-width:400px;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.input-wrapper-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#a1a1aa}.input.with-icon{padding-left:40px}:root{--bg-deep: #050505;--bg-card: #0F0F10;--bg-card-hover: #18181B;--border-subtle: #27272a;--accent-gold: #fbbf24;--accent-gold-glow: rgba(251, 191, 36, .2);--text-primary: #ffffff;--text-secondary: #a1a1aa;--radius-lg: 28px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);overflow-x:hidden}.dashboard-container{min-height:100vh;position:relative}.stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;border-bottom:1px solid rgba(255,255,255,.03);background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo-section{display:flex;align-items:center;gap:10px}.brand-logo{font-weight:700;background:var(--text-primary);color:#000;padding:4px 8px;border-radius:6px;font-size:1.1rem}.brand-name{font-weight:600;letter-spacing:-.5px}.nav-actions{display:flex;gap:1rem;align-items:center}.icon-btn{background:transparent;border:1px solid var(--border-subtle);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-btn:hover{background:var(--bg-card-hover);border-color:#444}.user-mini img{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle)}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:2rem 3rem;max-width:1600px;margin:0 auto;position:relative;z-index:10}.left-sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-card-premium{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.profile-header-row{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center}.status-pill{font-size:.75rem;background:#10b9811a;color:#10b981;padding:4px 10px;border-radius:99px;border:1px solid rgba(16,185,129,.2)}.settings-icon{color:var(--text-secondary);cursor:pointer}.profile-image-wrapper{position:relative;width:100px;height:100px;margin:0 auto 1rem}.profile-image-wrapper img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #1a1a1a;transition:opacity .3s}.camera-overlay{position:absolute;bottom:0;right:0;background:#222;padding:6px;border-radius:50%;border:1px solid var(--border-subtle);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.user-name{font-size:1.2rem;margin:0;font-weight:600}.user-role{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0}.menu-group{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}.menu-header{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;padding-left:12px;font-weight:600}.menu-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-size:.95rem;border:1px solid transparent}.menu-item:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.menu-item.active{background:var(--bg-card-hover);color:#fff;border-color:#ffffff1a;font-weight:500}.menu-label-row{flex:1;display:flex;align-items:center;justify-content:space-between}.badge-new{background:var(--accent-gold);color:#000;font-size:.65rem;padding:2px 6px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 10px #fbbf244d}.menu-item svg{color:inherit;opacity:.7;transition:.2s}.menu-item:hover svg,.menu-item.active svg{opacity:1;color:var(--accent-gold)}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;min-height:80px;position:relative}.header-text{flex:1;display:flex;flex-direction:column;justify-content:center}.welcome-title{font-size:2.2rem;font-weight:700;margin:0;letter-spacing:-.5px}.highlight-text{color:var(--accent-gold)}.date-display{color:var(--text-secondary);margin:4px 0 0;font-size:.95rem}.header-stats-row{display:flex;gap:2rem;align-items:center}.stat-block{text-align:right}.stat-value{font-size:2.5rem;font-weight:300;line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.stat-divider{width:1px;height:40px;background:var(--border-subtle)}.bento-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:320px auto;gap:1.5rem}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:transform .2s}.bento-card:hover{border-color:#333}.card-top{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:flex-start}.card-top h3{margin:0;font-size:1rem;font-weight:500;color:var(--text-secondary)}.large-card{grid-column:1 / 2}.medium-card{grid-column:2 / 3}.tall-card{grid-column:3 / 4;grid-row:1 / 3;background:#0c0c0d}.wide-card{grid-column:1 / 3}.feed-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.feed-item{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:12px;background:#ffffff08;border:1px solid transparent}.feed-icon-box{width:36px;height:36px;background:#1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:1px solid var(--border-subtle)}.feed-info h4{margin:0;font-size:.9rem;font-weight:500}.feed-info p{margin:2px 0 0;font-size:.75rem;color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}.view-all-link{font-size:.8rem;color:var(--accent-gold);text-decoration:none}.activity-wrapper{display:flex;flex-direction:column;height:100%}.events-list-horizontal{display:flex;gap:1rem;margin-top:1.5rem;overflow-x:auto;padding-bottom:5px}.event-pill-item{background:#000;border:1px solid var(--border-subtle);padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;min-width:200px}.event-dot{width:10px;height:10px;border-radius:50%}.event-dot.gold{background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold)}.event-dot.blue{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.event-meta{display:flex;flex-direction:column}.event-meta strong{font-size:.9rem}.event-meta span{font-size:.75rem;color:var(--text-secondary)}.text-btn{background:none;border:none;color:var(--accent-gold);font-size:.8rem;cursor:pointer;padding:4px 8px;transition:opacity .2s}.text-btn:hover{opacity:.8;text-decoration:underline}.scrollable-card{overflow-y:auto}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.timeline-list{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:12px;align-items:flex-start}.timeline-icon{width:28px;height:28px;background:#ffffff0d;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.timeline-content{display:flex;flex-direction:column}.timeline-content strong{font-size:.95rem;color:#fff}.timeline-content span{font-size:.8rem;color:var(--text-secondary)}.skills-container{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{background:#ffffff0d;border:1px solid var(--border-subtle);padding:6px 12px;border-radius:99px;font-size:.8rem;color:#fff}.icon-btn-sm{background:transparent;border:1px solid var(--border-subtle);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-gold-sm{background:var(--accent-gold);color:#000;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}.empty-text{color:var(--text-secondary);font-size:.8rem;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#111;border:1px solid var(--border-subtle);width:400px;padding:1.5rem;border-radius:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form input,.modal-form select{background:#222;border:1px solid #333;color:#fff;padding:10px;border-radius:8px;outline:none}.modal-form input:focus{border-color:var(--accent-gold)}.btn-save{background:#fff;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:10px}.btn-save:hover{background:var(--accent-gold)}@media (max-width: 1200px){.dashboard-layout{padding:1rem}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.tall-card{grid-column:1 / 3;grid-row:auto;height:400px}.large-card,.medium-card,.wide-card{grid-column:auto}}@media (max-width: 900px){.dashboard-layout,.bento-grid{grid-template-columns:1fr}.tall-card,.wide-card{grid-column:1}.header-stats-row{display:none}}body{margin:0;background-color:var(--bg-dark)}.feed-page-wrapper{background-color:var(--bg-dark);min-height:100vh;width:100%;padding-top:calc(var(--nav-height) + 20px);padding-bottom:40px;box-sizing:border-box}.feed-container{display:grid;grid-template-columns:260px 1fr 300px;gap:24px;width:95%;max-width:1400px;margin:0 auto}.sidebar-card,.feed-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.feed-left{position:sticky;top:calc(var(--nav-height) + 20px);height:-moz-fit-content;height:fit-content}.mini-cover{height:50px;background:linear-gradient(45deg,#444,#666)}.mini-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--bg-card);margin:-32px auto 0;display:block;background:#000}.mini-info{text-align:center;padding:10px;border-bottom:1px solid var(--border-color)}.mini-info h3{font-size:1rem;color:#fff;margin:0}.mini-info p{font-size:.8rem;color:var(--text-sub);margin:2px 0 0}.mini-stats{padding:12px}.stat-box{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-sub);margin-bottom:6px}.stat-box strong{color:var(--accent-gold)}.create-post-box{padding:16px;margin-bottom:16px}.cp-top{display:flex;gap:10px;margin-bottom:10px}.cp-avatar{width:40px;height:40px;border-radius:50%}.cp-trigger{flex:1;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:#fff;text-align:left;padding-left:15px;cursor:pointer}.cp-form textarea{width:100%;background:transparent;border:none;outline:none;color:#fff;resize:none;margin-bottom:10px;min-height:60px;font-family:inherit}.type-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;font-size:.85rem;color:var(--text-sub);flex-wrap:wrap}.pill{background:transparent;border:1px solid var(--border-color);color:var(--text-sub);padding:4px 10px;border-radius:10px;cursor:pointer;transition:.2s}.pill:hover{background:var(--bg-hover)}.pill.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold);font-weight:600}.img-preview{position:relative;margin-bottom:10px}.img-preview img{max-width:100%;border-radius:8px}.img-preview button{position:absolute;top:5px;right:5px;border-radius:50%;width:24px;height:24px;border:none;cursor:pointer;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center}.cp-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:10px}.media-select{display:flex;align-items:center;gap:6px;color:var(--text-sub);cursor:pointer;font-size:.9rem;padding:6px 10px;border-radius:6px;transition:.2s}.media-select:hover{background:var(--bg-hover);color:#fff}.icon-blue{color:var(--accent-blue)}.post-btn{background:var(--accent-blue);color:#fff;border:none;padding:6px 16px;border-radius:16px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}.post-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.feed-filters{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.search-bar{background:var(--bg-card);border:1px solid var(--border-color);padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:8px}.search-bar input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:.9rem}.search-ico{color:var(--text-sub)}.filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.fpill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-sub);padding:6px 14px;border-radius:16px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.85rem;transition:.2s}.fpill:hover{background:var(--bg-hover);color:#fff}.fpill.active{background:#fff;color:#000;border-color:#fff;font-weight:600}.post{margin-bottom:16px;padding:0}.p-badge{font-size:.75rem;font-weight:600;padding:8px 16px;border-bottom:1px solid var(--border-color)}.p-badge.hackathon{background:#fbbf241a;color:var(--accent-gold)}.p-badge.project{background:#3b82f61a;color:var(--accent-blue)}.p-header{display:flex;gap:10px;padding:12px 16px 0;position:relative}.p-avatar{width:44px;height:44px;border-radius:50%}.p-meta h4{margin:0;font-size:.95rem;color:#fff}.p-meta span{display:block;font-size:.8rem;color:var(--text-sub)}.p-meta small{font-size:.75rem;color:var(--text-sub)}.p-opts{position:absolute;right:10px;top:10px;background:transparent;border:none;color:var(--text-sub);cursor:pointer}.p-content{padding:12px 16px;color:var(--text-main);font-size:.95rem;line-height:1.5}.p-img{width:100%;border-radius:8px;margin-top:10px;display:block}.p-stats{padding:0 16px 10px;font-size:.8rem;color:var(--text-sub);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between}.p-actions{display:flex;justify-content:space-around;padding:4px}.act-btn{background:transparent;border:none;color:var(--text-sub);padding:10px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;width:100%;justify-content:center;border-radius:6px;transition:.2s}.act-btn:hover{background:var(--bg-hover)}.act-btn.liked{color:var(--accent-blue)}.p-comments{padding:12px 16px;background:#0d1117;border-top:1px solid var(--border-color)}.c-form input{width:100%;background:transparent;border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;color:#fff;outline:none;margin-bottom:12px}.c-list{display:flex;flex-direction:column;gap:8px}.c-item{font-size:.9rem;color:var(--text-main);padding:8px;background:#ffffff08;border-radius:8px}.c-item strong{margin-right:6px;color:#fff}.feed-right{position:sticky;top:calc(var(--nav-height) + 20px);height:-moz-fit-content;height:fit-content}.news-box{padding:16px}.news-box h3{font-size:1rem;color:#fff;margin-top:0;margin-bottom:12px}.news-box ul{padding-left:20px;color:var(--text-sub);font-size:.9rem;margin:0}.news-box li{margin-bottom:8px;cursor:pointer;transition:.2s}.news-box li:hover{color:var(--accent-blue)}@media (max-width: 1100px){.feed-container{grid-template-columns:240px 1fr}.feed-right{display:none}}@media (max-width: 768px){.feed-container{grid-template-columns:1fr;padding:10px}.feed-left{display:none}.feed-page-wrapper{padding-top:80px}}.name-row{display:flex;align-items:center;gap:8px}.name-row h4{margin:0;font-size:.95rem;color:#fff;white-space:nowrap}.connect-btn-sm.connected{border-color:var(--text-sub);color:var(--text-sub);cursor:default}.connect-btn-sm.connected:hover{background:transparent}.connect-btn-sm{background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.connect-btn-sm:hover{background:#3b82f61a}.connect-btn-sm.pending{border-color:var(--text-sub);color:var(--text-sub);cursor:default}.connect-btn-sm.pending:hover{background:transparent}.req-box{padding:16px;margin-bottom:16px}.req-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.req-header h3{margin:0;font-size:.95rem;color:#fff}.req-count{background:var(--accent-blue);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.req-list{display:flex;flex-direction:column;gap:12px}.req-item{display:flex;gap:10px;align-items:flex-start}.req-avatar{width:40px;height:40px;border-radius:50%}.req-info{flex:1}.req-info h4{margin:0;font-size:.9rem;color:#fff}.req-info span{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:6px}.req-actions{display:flex;gap:8px}.btn-accept,.btn-ignore{flex:1;border:none;padding:4px;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center}.btn-accept{background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue)}.btn-accept:hover{background:var(--accent-blue);color:#fff}.btn-ignore{background:transparent;border:1px solid var(--text-sub);color:var(--text-sub)}.btn-ignore:hover{border-color:#ef4444;color:#ef4444}.dropdown-menu{position:absolute;top:100%;right:0;background:#18181b;border:1px solid #27272a;border-radius:8px;padding:5px;width:140px;box-shadow:0 4px 15px #00000080;z-index:10}.p-header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px 0;position:relative}.p-header-left{display:flex;gap:10px;flex:1}.p-opts-container{position:relative}.p-opts{background:transparent;border:none;color:var(--text-sub);cursor:pointer;padding:4px;display:flex}.dropdown-menu{position:absolute;top:100%;right:0;background:#18181b;border:1px solid #27272a;border-radius:8px;padding:5px;width:140px;box-shadow:0 4px 15px #00000080;z-index:100;margin-top:5px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:#ccc;cursor:pointer;font-size:.85rem;text-align:left;border-radius:4px}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.delete{color:#ef4444}.dropdown-item.delete:hover{background:#ef44441a}.p-likes-count{padding:0 15px 10px;font-size:.8rem;color:#888;cursor:pointer;display:flex;align-items:center;gap:5px}.p-likes-count:hover{text-decoration:underline;color:#fff}.like-icon-small{background:#fbbf24;color:#000;border-radius:50%;padding:2px;width:16px;height:16px}.likes-modal{width:350px;max-height:500px;display:flex;flex-direction:column}.likes-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.like-user-item{display:flex;align-items:center;gap:10px;padding:5px;border-bottom:1px solid rgba(255,255,255,.05)}.like-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.filter-controls{display:flex;gap:10px;margin-bottom:10px}.search-bar{flex:1}.uni-filter-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;padding:0 12px;min-width:180px;position:relative}.filter-icon{color:var(--text-sub);margin-right:8px}.uni-select{background:transparent;border:none;color:#fff;width:100%;padding:8px 0;outline:none;cursor:pointer;font-size:.9rem}.uni-select option{background:#1b1f23;color:#fff;padding:8px}@media (max-width: 600px){.filter-controls{flex-direction:column}.uni-filter-wrapper{width:100%}}:root{--bg-dark: #050505;--bg-panel: #0F0F10;--border-color: #27272a;--accent-gold: #fbbf24;--accent-blue: #3b82f6;--text-main: #ffffff;--text-sub: #a1a1aa}.chat-container{display:flex;height:100vh;background-color:var(--bg-dark);padding-top:70px;overflow:hidden}.chat-sidebar{width:320px;background:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{margin:0 0 15px;color:var(--text-main);font-size:1.5rem}.search-wrapper{background:#18181b;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}.search-wrapper input{background:transparent;border:none;outline:none;color:#fff;width:100%}.contacts-list{flex:1;overflow-y:auto;padding:10px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:.2s}.contact-item:hover{background:#ffffff0d}.contact-item.active{background:#3b82f626;border-left:3px solid var(--accent-blue)}.contact-avatar{width:45px;height:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #222}.contact-info{flex:1}.name-row{display:flex;justify-content:space-between;align-items:center;width:100%}.name-row h4{margin:0;color:var(--text-main);font-size:.95rem}.unread-badge{background-color:var(--accent-blue);color:#fff;font-size:.7rem;font-weight:700;height:18px;width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.text-bold{font-weight:600;color:#fff!important}.contact-info p{margin:2px 0 0;color:var(--text-sub);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-main{flex:1;display:flex;flex-direction:column;background-color:var(--bg-dark);position:relative}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-sub)}.placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.chat-header{padding:15px 25px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:15px}.back-btn{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:8px;border-radius:50%;margin-right:5px}.back-btn:hover{background:#ffffff1a}.header-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.header-left h3{margin:0;color:var(--text-main);font-size:1.1rem}.header-left span{font-size:.8rem;color:#10b981}.header-actions button{background:transparent;border:none;color:var(--text-sub);cursor:pointer;margin-left:15px;transition:.2s}.header-actions button:hover{color:var(--text-main)}.messages-area{flex:1;padding:20px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message-row{display:flex;align-items:flex-end;gap:10px;max-width:70%}.message-row.me{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;border-radius:50%;margin-bottom:5px}.message-bubble{padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative;word-wrap:break-word}.message-row.them .message-bubble{background:#1f1f22;color:var(--text-main);border-bottom-left-radius:4px}.message-row.me .message-bubble{background:var(--accent-blue);color:#fff;border-bottom-right-radius:4px}.msg-time{font-size:.65rem;opacity:.7;display:block;text-align:right;margin-top:4px}.chat-input-area{padding:20px;background:var(--bg-panel);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:10px;position:relative}.chat-input-area input{flex:1;background:#18181b;border:1px solid var(--border-color);padding:12px 15px;border-radius:25px;color:#fff;outline:none;font-size:.95rem}.emoji-btn{background:transparent;border:none;color:var(--text-sub);cursor:pointer;padding:8px}.send-btn{background:var(--accent-blue);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.emoji-picker-popover{position:absolute;bottom:80px;left:20px;z-index:50;width:300px}.video-call-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-grid{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-grid.blurred{filter:blur(8px)}.remote-video{width:100%;height:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}.local-video{position:absolute;bottom:100px;right:20px;width:120px;border-radius:12px;border:2px solid #3b82f6;transform:scaleX(-1);z-index:2001}.status-text{color:#fff;position:absolute;font-size:1.5rem}.call-controls{position:absolute;bottom:30px;display:flex;gap:20px;background:#ffffff1a;padding:15px 30px;border-radius:40px;z-index:2002}.call-controls button{width:50px;height:50px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#333;color:#fff}.call-controls button.end{background:#ef4444}.call-controls button.off{background:#555;color:#aaa}.incoming-call-overlay{position:absolute;z-index:2001;text-align:center}.incoming-call-overlay h3{color:#fff;font-size:2rem;margin-bottom:20px}.caller-avatar{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--accent-blue);margin-bottom:10px}.incoming-actions{display:flex;gap:20px;justify-content:center}.btn-accept{background:#22c55e;color:#fff;padding:12px 24px;border-radius:30px;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:10px}.btn-decline{background:#ef4444;color:#fff;padding:12px 24px;border-radius:30px;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:10px}@media (max-width: 768px){.chat-sidebar{width:100%;max-width:none;border-right:none}.chat-main{width:100%;position:absolute;top:0;left:0;height:100vh;z-index:20;background-color:var(--bg-dark);transform:translate(100%);transition:transform .3s ease}.chat-sidebar.hidden-mobile{display:none}.chat-main.hidden-mobile{display:block;transform:translate(0);padding-top:0}.back-btn{display:flex;align-items:center;justify-content:center}.chat-container{padding-top:0}.local-video{width:90px;bottom:90px;right:15px}}.profile-page{background-color:var(--bg-dark);min-height:100vh;padding-top:calc(var(--nav-height) + 20px);padding-bottom:40px}.profile-container{max-width:1100px;margin:0 auto;padding:0 20px}.profile-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:24px;position:relative}.cover-photo{height:200px;background-size:cover;background-position:center;position:relative}.edit-cover-btn{position:absolute;right:20px;top:20px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;display:flex;gap:6px;align-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.hero-content{padding:0 30px 30px;position:relative}.avatar-container{margin-top:-60px;margin-bottom:16px}.hero-avatar{width:140px;height:140px;border-radius:50%;border:5px solid var(--bg-card);background:#000}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}.hero-name{font-size:2rem;margin:0;color:#fff}.hero-headline{font-size:1.1rem;color:var(--text-main);margin:4px 0 0}.hero-meta{display:flex;gap:20px;margin-top:16px;color:var(--text-sub);font-size:.9rem}.hero-meta span{display:flex;gap:6px;align-items:center}.meta-connections{color:var(--accent-blue);font-weight:600}.btn-primary,.btn-outline{padding:8px 20px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;gap:8px;align-items:center}.btn-primary{background:var(--accent-blue);color:#fff;border:none}.btn-outline{background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue)}.edit-input{background:transparent;border:1px solid var(--border-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:1rem;width:100%;margin-top:4px}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.profile-card h3{margin:0 0 16px;font-size:1.2rem;color:#fff}.profile-card p{color:var(--text-main);line-height:1.6}.edit-textarea{width:100%;background:#111;border:1px solid var(--border-color);color:#fff;padding:10px;border-radius:8px}.profile-tabs{display:flex;gap:12px;margin-bottom:20px}.tab-pill{background:transparent;border:1px solid var(--border-color);color:var(--text-sub);padding:8px 20px;border-radius:20px;cursor:pointer;font-size:.9rem}.tab-pill.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold);font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.project-card{background:var(--bg-hover);border-radius:10px;overflow:hidden;border:1px solid var(--border-color);transition:transform .2s}.project-card:hover{transform:translateY(-4px)}.project-img{height:140px;background-size:cover;background-position:center}.project-info{padding:16px}.project-info h4{margin:0 0 6px;color:#fff;font-size:1rem}.project-info p{margin:0 0 12px;color:var(--text-sub);font-size:.85rem}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tags span{font-size:.7rem;background:#ffffff1a;padding:2px 8px;border-radius:4px;color:var(--text-main)}.links{display:flex;gap:10px;color:var(--accent-gold)}.add-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:transparent;border:2px dashed var(--border-color);min-height:200px;color:var(--text-sub);cursor:pointer}.add-new:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.timeline-block{margin-bottom:24px}.timeline-block h4{display:flex;gap:8px;align-items:center;color:#fff;margin-bottom:16px}.timeline-row{display:flex;gap:16px;margin-bottom:16px;position:relative}.timeline-row:before{content:"";position:absolute;left:5px;top:8px;bottom:-20px;width:2px;background:var(--border-color)}.timeline-row:last-child:before{display:none}.dot{width:12px;height:12px;background:var(--accent-gold);border-radius:50%;border:2px solid var(--bg-card);z-index:1}.dot.blue{background:var(--accent-blue)}.data h5{margin:0;color:#fff;font-size:1rem}.data span{display:block;color:var(--text-main);font-size:.9rem}.data small{color:var(--text-sub);font-size:.8rem}.sidebar-box{padding:20px}.skills-cloud{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#3b82f61a;color:var(--accent-blue);padding:4px 10px;border-radius:6px;font-size:.85rem}.social-row{display:flex;align-items:center;gap:10px;color:var(--text-sub);text-decoration:none;padding:10px;border-radius:8px;transition:.2s}.social-row:hover{background:var(--bg-hover);color:#fff}.btn-download{width:100%;padding:12px;background:#fff;color:#000;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-download:hover{opacity:.9}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}.profile-hero{text-align:center}.hero-top{flex-direction:column;align-items:center;gap:16px}.hero-meta{justify-content:center;flex-wrap:wrap}}:root{--bg-dark: #050505;--bg-card: #0F0F10;--bg-hover: #18181b;--border-color: #27272a;--accent-gold: #fbbf24;--accent-blue: #3b82f6;--text-main: #ffffff;--text-sub: #a1a1aa;--nav-height: 70px}.connections-page{background-color:var(--bg-dark);min-height:100vh;width:100%;padding-top:calc(var(--nav-height) + 40px);padding-bottom:100px;box-sizing:border-box;overflow-x:hidden;font-family:Inter,sans-serif;color:var(--text-main)}.conn-container{max-width:1200px;margin:0 auto;padding:0 20px;height:100%}.conn-header{margin-bottom:30px}.conn-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:15px}.conn-title-row h1{font-size:2rem;font-weight:700;margin:0;color:var(--text-main)}.conn-search{background:var(--bg-card);border:1px solid var(--border-color);padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;width:300px;max-width:100%;transition:border-color .2s}.conn-search:focus-within{border-color:var(--accent-blue)}.conn-search input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:.95rem}.search-icon{color:var(--text-sub)}.conn-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border-color);overflow-x:auto;padding-bottom:10px}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-sub);padding:8px 12px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{border-color:var(--accent-gold);color:#fff;font-weight:600}.count-badge{background:#ffffff1a;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px}.count-badge.red{background:#ef4444;color:#fff}.requests-section{max-width:900px;margin:0 auto}.req-grid-list{display:flex;flex-direction:column;gap:16px}.req-card-row{background:var(--bg-card);border:1px solid var(--border-color);padding:20px;border-radius:16px;display:flex;align-items:center;gap:20px}.req-avatar-lg{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.req-details{flex:1}.req-details h4{margin:0;font-size:1.1rem;color:#fff;font-weight:600}.req-details span{display:block;color:var(--text-sub);font-size:.9rem;margin-top:4px}.req-details small{color:var(--accent-gold);font-size:.8rem;margin-top:4px;display:block}.req-buttons{display:flex;gap:12px}.btn-accept-lg{background:var(--accent-blue);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:.2s}.btn-accept-lg:hover{opacity:.9}.btn-ignore-lg{background:transparent;color:var(--text-sub);border:1px solid var(--border-color);padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:.2s}.btn-ignore-lg:hover{border-color:#ef4444;color:#ef4444}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding-bottom:20px}.person-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;text-align:center;position:relative;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;height:100%}.person-card:hover{border-color:#444;transform:translateY(-4px)}.card-banner{height:80px;background:linear-gradient(180deg,#1f1f22,#111);border-bottom:1px solid var(--border-color)}.person-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-card);margin:-40px auto 10px;display:block;background:#000;-o-object-fit:cover;object-fit:cover}.person-info{padding:0 16px;flex:1;display:flex;flex-direction:column;align-items:center}.person-info h3{font-size:1.1rem;color:#fff;margin:0 0 4px;font-weight:600}.person-info p{font-size:.85rem;color:var(--text-sub);margin:0 0 12px;line-height:1.4}.skill-tag{display:inline-block;font-size:.75rem;color:var(--accent-gold);border:1px solid rgba(251,191,36,.3);padding:4px 10px;border-radius:20px;margin-bottom:12px;background:#fbbf240d}.person-actions{padding:16px;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:center;margin-top:auto}.btn-msg{flex:1;background:transparent;border:1px solid var(--border-color);color:#fff;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:500;transition:.2s}.btn-msg:hover{background:#ffffff0d;border-color:#fff}.btn-dots{width:42px;height:42px;background:transparent;border:1px solid var(--border-color);color:var(--text-sub);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-dots:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.btn-connect{width:100%;background:var(--accent-blue);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn-connect:hover{opacity:.9}.btn-connect.pending{background:transparent;border:1px solid var(--border-color);color:var(--text-sub);cursor:default}.empty-state{text-align:center;color:var(--text-sub);padding:60px 20px;border:1px dashed var(--border-color);border-radius:16px;margin-top:20px}.empty-icon{color:var(--accent-gold);margin-bottom:20px;opacity:.5}.btn-outline{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:10px 24px;border-radius:20px;margin-top:20px;cursor:pointer;font-weight:600;transition:.2s}.btn-outline:hover{background:#fbbf241a}@media (max-width: 768px){.connections-page{padding-left:10px;padding-right:10px}.req-card-row{flex-direction:column;text-align:center}.req-buttons{width:100%}.btn-accept-lg,.btn-ignore-lg{flex:1}.conn-search{width:100%}}:root{--bg-dark: #050505;--card-bg: #0F0F10;--gold: #fbbf24;--blue: #3b82f6;--green: #10b981;--text-main: #ffffff;--text-sub: #a1a1aa}.student-hub-page{background-color:var(--bg-dark);min-height:100vh;padding:100px 20px 40px;perspective:1200px;overflow-x:hidden;font-family:Inter,sans-serif}.hub-header-3d{text-align:center;margin-bottom:50px;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.glitch-text{font-size:3rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0px var(--blue);margin:0}.hub-header-3d p{color:var(--text-sub);font-size:1.1rem;margin-top:10px}.controls-3d{display:flex;justify-content:center;gap:16px;margin-top:30px;flex-wrap:wrap}.search-3d-wrapper{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:300px;border-radius:50px;padding:12px 20px;display:flex;align-items:center;gap:10px;transition:transform .3s,border-color .3s}.search-3d-wrapper:focus-within{transform:scale(1.05);border-color:var(--blue)}.search-3d-wrapper input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:.95rem}.search-icon{color:var(--blue)}.filter-dropdown-wrapper{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:0 20px;display:flex;align-items:center;gap:10px}.filter-icon{color:var(--gold)}.college-select{background:transparent;border:none;color:#fff;font-size:.95rem;padding:12px 0;outline:none;cursor:pointer;width:180px}.college-select option{background:#111;color:#fff;padding:10px}.grid-3d-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;max-width:1400px;margin:0 auto;padding:20px}.student-card-3d{background:var(--card-bg);border-radius:20px;border:1px solid rgba(255,255,255,.05);padding:0;position:relative;transition:transform .1s ease-out;transform-style:preserve-3d;box-shadow:0 20px 50px #00000080}.student-card-3d.glow-border{border-color:#fbbf2480;box-shadow:0 0 20px #fbbf2433}.card-content{background:#0f0f10;border-radius:20px;padding:30px 20px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateZ(20px)}.card-badge{position:absolute;top:15px;right:15px;background:#3b82f626;color:var(--blue);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase}.same-campus-badge{position:absolute;top:15px;left:15px;background:#fbbf2426;color:var(--gold);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px}.student-avatar{width:90px;height:90px;border-radius:50%;border:3px solid var(--blue);margin-bottom:15px;transform:translateZ(30px);box-shadow:0 10px 20px #0000004d;-o-object-fit:cover;object-fit:cover}.student-card-3d.glow-border .student-avatar{border-color:var(--gold)}.card-content h3{font-size:1.2rem;color:#fff;margin:0;transform:translateZ(10px)}.card-content h3 a{text-decoration:none;color:inherit;transition:.2s}.card-content h3 a:hover{color:var(--gold)}.student-meta{color:var(--text-sub);font-size:.85rem;margin-top:5px;display:flex;align-items:center;gap:5px}.text-gold{color:var(--gold);font-weight:600}.skills-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0}.pill{background:#18181b;border:1px solid #333;color:#ccc;padding:4px 12px;border-radius:12px;font-size:.75rem}.card-actions{margin-top:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:translateZ(15px)}.btn-3d{border:none;padding:10px;border-radius:12px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s,box-shadow .2s}.btn-3d:active{transform:translateY(2px)}.btn-3d.primary{background:var(--blue);color:#fff;box-shadow:0 4px #1e40af}.btn-3d.primary:hover{transform:translateY(-2px);box-shadow:0 6px #1e40af}.btn-3d.secondary{background:#222;color:#fff;border:1px solid #333;box-shadow:0 4px #000}.btn-3d.secondary:hover{transform:translateY(-2px);border-color:#555}.btn-3d.connected{background:#10b9811a;color:var(--green);border:1px solid var(--green);box-shadow:none;cursor:default;grid-column:span 2}.btn-3d.pending{background:#ffffff0d;color:var(--text-sub);border:1px solid #333;box-shadow:none;cursor:default;grid-column:span 2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loader,.empty-state-3d{color:#fff;text-align:center;grid-column:1 / -1;padding:50px;font-size:1.2rem}:root{--bg-dark: #000000;--bg-card: #1b1f23;--bg-hover: #262a2f;--border-color: #373b3f;--accent-gold: #fbbf24;--accent-blue: #3b82f6;--text-main: #e6e6e6;--text-sub: #a0a0a0;--nav-height: 70px}.hackathon-page{background-color:var(--bg-dark);min-height:100vh;padding-top:calc(var(--nav-height) + 40px);padding-bottom:40px;perspective:1200px;color:var(--text-main);overflow-x:hidden}.hack-header-3d{text-align:center;margin-bottom:60px;transform-style:preserve-3d;animation:fadeIn .8s ease-out}.hack-title-box h1{font-size:3.5rem;font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:2px;text-shadow:0 0 20px rgba(251,191,36,.2)}.hack-title-box p{color:var(--text-sub);font-size:1.1rem}.hack-actions{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}.btn-launch{background:var(--accent-gold);color:#000;border:none;padding:12px 30px;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn-launch:hover{transform:translateY(-2px);box-shadow:0 5px 20px #fbbf244d}.hack-search{background:var(--bg-card);border:1px solid var(--border-color);padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:10px;min-width:300px;transition:border-color .2s}.hack-search:focus-within{border-color:var(--accent-blue)}.hack-search input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:1rem}.search-icon-h{color:var(--text-sub)}.hack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.hack-card-3d{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:transform .1s ease-out;transform-style:preserve-3d;box-shadow:0 10px 30px #00000080}.card-banner{height:160px;background-size:cover;background-position:center;position:relative;border-bottom:1px solid var(--border-color)}.date-badge{position:absolute;top:15px;right:15px;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 12px;border-radius:10px;text-align:center;border:1px solid var(--border-color)}.date-badge .month{display:block;font-size:.7rem;color:var(--accent-gold);text-transform:uppercase;font-weight:700}.date-badge .day{display:block;font-size:1.2rem;font-weight:700;color:#fff}.card-body{padding:20px;transform:translateZ(20px);background:var(--bg-card)}.card-body h3{margin:0 0 6px;font-size:1.3rem;color:#fff}.tagline{color:var(--text-sub);font-size:.9rem;margin-bottom:16px;min-height:40px;line-height:1.4}.specs-row{display:flex;gap:15px;color:var(--text-main);font-size:.85rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.specs-row span{display:flex;align-items:center;gap:6px}.participants-bar{margin-bottom:20px}.bar-bg{height:4px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:6px}.bar-fill{height:100%;background:var(--accent-blue)}.participants-bar small{color:var(--accent-blue);font-size:.75rem;font-weight:600}.btn-register{width:100%;padding:12px;border:1px solid var(--accent-blue);background:transparent;color:var(--accent-blue);font-weight:600;border-radius:8px;cursor:pointer;transition:.2s;font-size:.95rem}.btn-register:hover{background:#3b82f61a}.btn-register.registered{border-color:var(--text-sub);color:var(--text-sub);cursor:default}.btn-register.registered:hover{background:transparent}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);width:90%;max-width:550px;padding:30px;border-radius:16px;position:relative;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.modal-header h2{margin:0;color:#fff;font-size:1.4rem}.modal-header button:hover{color:#fff}.launch-form input,.launch-form select,.launch-form textarea{width:100%;background:var(--bg-hover);border:1px solid var(--border-color);color:#fff;padding:12px;border-radius:8px;margin-bottom:15px;outline:none;font-family:inherit;box-sizing:border-box}.launch-form input:focus,.launch-form textarea:focus{border-color:var(--accent-blue)}.img-upload-box{border:2px dashed var(--border-color);padding:20px;text-align:center;border-radius:8px;margin-bottom:20px;cursor:pointer;transition:.2s}.img-upload-box:hover{border-color:var(--accent-gold);background:#fbbf240d}.img-upload-box label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-sub)}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-create{width:100%;padding:14px;background:var(--accent-gold);border:none;color:#000;font-weight:700;border-radius:8px;cursor:pointer;margin-top:10px;font-size:1rem}.btn-create:hover{opacity:.9}.btn-create:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader{color:var(--text-sub);text-align:center;padding:50px;grid-column:1 / -1}.organizer-badge{position:absolute;top:10px;right:10px;background:#fbbf24;color:#000;font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:4px;text-transform:uppercase;box-shadow:0 4px 10px #fbbf2466}.card-btn-row{margin-top:15px;display:flex}.btn-manage{width:100%;background:#333;color:#fff;border:1px solid #555;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn-manage:hover{background:#444;border-color:#fbbf24;color:#fbbf24}.parts-modal{width:400px;max-height:80vh;display:flex;flex-direction:column}.parts-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.part-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.part-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #333}.part-info h4{margin:0;font-size:.95rem;color:#fff}.part-info span{font-size:.8rem;color:#888}.verified-check{margin-left:auto;color:#10b981}.empty-parts{text-align:center;padding:40px 0;color:#555}.loading-text{text-align:center;color:#888;padding:20px}:root{--bg-dark: #000000;--bg-card: #1b1f23;--border-color: #373b3f;--accent-gold: #fbbf24;--accent-blue: #3b82f6;--accent-green: #10b981;--text-main: #e6e6e6;--text-sub: #a0a0a0;--nav-height: 70px}.mentor-page{background-color:var(--bg-dark);min-height:100vh;padding-top:calc(var(--nav-height) + 40px);padding-bottom:40px;perspective:1200px;overflow-x:hidden}.mentor-header-3d{text-align:center;margin-bottom:40px;animation:fadeIn .8s ease-out}.header-content h1{font-size:3rem;font-weight:800;color:#fff;margin:0 0 10px}.gold-text{color:var(--accent-gold);text-shadow:0 0 20px rgba(251,191,36,.2)}.header-content p{color:var(--text-sub);font-size:1.1rem;margin-bottom:30px}.header-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.search-pill{background:var(--bg-card);border:1px solid var(--border-color);padding:10px 20px;border-radius:50px;display:flex;align-items:center;gap:10px;width:350px}.search-pill input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:1rem}.btn-become{background:var(--accent-gold);color:#000;border:none;padding:10px 24px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn-become:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fbbf244d}.mentor-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-sub);font-size:1.1rem;padding:10px 20px;cursor:pointer}.tab-btn.active{color:#fff;border-bottom-color:var(--accent-gold);font-weight:700}.badge-count{background:#ef4444;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px;margin-left:5px}.mentor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.mentor-card-3d{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;position:relative;transition:transform .1s ease-out;transform-style:preserve-3d;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.card-top-bg{width:100%;height:80px;background:linear-gradient(135deg,#1e1e1e,#333)}.mentor-avatar-wrapper{margin-top:-40px;position:relative}.mentor-avatar-wrapper img{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-card);background:#000}.verified-badge{position:absolute;bottom:5px;right:0;background:var(--accent-blue);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mentor-info{text-align:center;padding:10px 20px;width:100%;box-sizing:border-box}.mentor-info h3{margin:10px 0 5px;color:#fff}.role-badge{display:inline-flex;align-items:center;gap:6px;background:#fbbf241a;color:var(--accent-gold);padding:4px 10px;border-radius:12px;font-size:.8rem;margin-bottom:10px}.skills-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.skill-chip{background:var(--bg-hover);color:var(--text-main);font-size:.75rem;padding:4px 10px;border-radius:8px;border:1px solid var(--border-color)}.btn-request{width:100%;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);padding:10px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-request:hover{background:var(--accent-blue);color:#fff}.cta-card{border:1px dashed var(--accent-gold)!important;background:#fbbf240d!important;cursor:pointer;justify-content:center;text-align:center;min-height:320px}.cta-card:hover{background:#fbbf241a!important;transform:translateY(-5px)!important}.cta-content{padding:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.icon-glow{color:var(--accent-gold);filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.cta-card h3{font-size:1.5rem;color:#fff;margin:0}.cta-card p{color:var(--text-sub);margin:0}.btn-cta-apply{background:var(--accent-gold);color:#000;border:none;padding:10px 24px;border-radius:20px;font-weight:700;margin-top:10px;cursor:pointer}.requests-container{max-width:800px;margin:0 auto;padding:0 20px}.request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.req-left{display:flex;align-items:center;gap:16px}.req-left img{width:50px;height:50px;border-radius:50%}.req-left h4{margin:0;color:#fff}.req-left span{color:var(--text-sub)}.btn-accept{background:var(--accent-green);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);width:90%;max-width:500px;padding:30px;border-radius:16px}.modal-header{display:flex;justify-content:space-between;margin-bottom:10px}.modal-header h2{margin:0;color:#fff}.modal-header button{background:transparent;border:none;color:var(--text-sub);cursor:pointer}.form-group{margin-bottom:16px}.form-group label{display:block;color:var(--text-main);font-size:.9rem;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;background:var(--bg-hover);border:1px solid var(--border-color);color:#fff;padding:10px;border-radius:8px;outline:none;box-sizing:border-box}.btn-submit-mentor{width:100%;background:var(--accent-gold);color:#000;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader,.empty-state{color:var(--text-sub);text-align:center;padding:50px;grid-column:1 / -1}.icon-box{margin-bottom:10px;color:var(--accent-gold)}.mentor-badge-header{display:inline-flex;align-items:center;gap:8px;background:#fbbf241a;border:1px solid var(--accent-gold);padding:8px 16px;border-radius:20px;margin-bottom:20px;color:var(--accent-gold);font-weight:600;font-size:.95rem;animation:fadeIn .5s}.badge-count{background:var(--accent-red);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px;margin-left:5px}.badge-count.blue{background:var(--accent-blue)}.app-icon-placeholder{width:40px;height:40px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-sub);border:1px solid var(--border-color)}.req-date{font-size:.8rem;color:var(--text-sub)}.req-status-right{display:flex;align-items:center;gap:10px}.status-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.status-pill.pending{background:#fbbf241a;color:var(--accent-gold);border:1px solid var(--accent-gold)}.status-pill.accepted{background:#10b9811a;color:var(--accent-green);border:1px solid var(--accent-green)}.status-group{display:flex;align-items:center;gap:10px}.btn-chat-now{background:var(--accent-blue);color:#fff;border:none;padding:6px 14px;border-radius:20px;font-weight:600;cursor:pointer;font-size:.85rem}.btn-chat-now:hover{opacity:.9}.gpt-layout{display:flex;height:100vh;background-color:#212121;color:#ececec;font-family:Söhne,Segoe UI,sans-serif;overflow:hidden}.gpt-sidebar{width:260px;background-color:#171717;display:flex;flex-direction:column;padding:10px;border-right:1px solid #333}.gpt-new-chat-btn{background:transparent;color:#ececec;border:1px solid #333;padding:10px;border-radius:8px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.9rem;margin-top:60px;transition:background .2s}.gpt-new-chat-btn:hover{background:#2f2f2f}.gpt-history-label{font-size:.75rem;color:#666;font-weight:600;margin:20px 10px 10px}.gpt-history-list{flex:1;overflow-y:auto}.gpt-history-item{padding:10px;border-radius:8px;cursor:pointer;font-size:.9rem;color:#ececec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center}.gpt-history-item:hover{background:#212121}.gpt-history-item.active{background:#2f2f2f}.gpt-del-btn{background:transparent;border:none;color:#666;cursor:pointer;display:none}.gpt-history-item:hover .gpt-del-btn{display:block}.gpt-del-btn:hover{color:#f44}.gpt-user-profile{padding:15px;border-top:1px solid #333;display:flex;align-items:center;gap:10px}.gpt-status{width:8px;height:8px;background:#666;border-radius:50%}.gpt-status.pro{background:#10b981;box-shadow:0 0 5px #10b981}.gpt-pro-tag{background:#fbbf24;color:#000;font-size:.6rem;padding:1px 4px;border-radius:4px;font-weight:700}.gpt-main{flex:1;display:flex;flex-direction:column;position:relative}.gpt-welcome-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px}.gpt-hero-area{width:100%;max-width:600px;height:200px;margin-bottom:20px;position:relative}.gpt-hero-canvas{width:100%;height:100%}.gpt-thinking{color:#666;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:.9rem}.gpt-input-wrapper{width:100%;max-width:768px;background-color:#2f2f2f;border-radius:26px;padding:8px 10px 8px 20px;display:flex;align-items:flex-end;box-shadow:0 0 15px #0000001a;border:1px solid #444}.gpt-input{flex:1;background:transparent;border:none;color:#ececec;font-size:1rem;line-height:1.5;max-height:200px;resize:none;padding:8px 0;outline:none;height:24px;min-height:24px}.gpt-input:focus{height:auto;min-height:24px}.gpt-send-btn{background:#676767;color:#2f2f2f;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:4px;transition:all .2s}.gpt-send-btn.active{background:#fff;color:#000}.gpt-send-btn:disabled{cursor:not-allowed;opacity:.5}.gpt-disclaimer{margin-top:12px;font-size:.75rem;color:#888}.gpt-ide{display:flex;flex-direction:column;height:100%;padding-top:60px}.ide-toolbar{height:50px;background:#171717;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.ide-title{font-weight:600;color:#ececec}.ide-controls{display:flex;gap:10px}.ide-btn{background:#2f2f2f;border:1px solid #444;color:#ececec;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.85rem}.ide-btn.green{background:#10b981;border-color:#10b981;color:#000}.ide-split{flex:1;display:flex}.ide-code{flex:1;border-right:1px solid #333;background:#0d0d0d}.code-box{width:100%;height:100%;background:transparent;color:#a1a1aa;border:none;padding:20px;font-family:monospace;resize:none;outline:none}.ide-preview{flex:1;background:#fff}.preview-frame{width:100%;height:100%;border:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.modal-card{background:#2f2f2f;padding:30px;border-radius:16px;width:320px;text-align:center;position:relative;color:#fff;border:1px solid #444}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#888;cursor:pointer}.crown-icon{color:#fbbf24;margin-bottom:10px}.qr-code-img{width:180px;border-radius:8px;margin:15px 0}.pay-text{font-size:.9rem;margin-bottom:20px;color:#ccc}.pay-btn{width:100%;background:#fff;color:#000;padding:12px;border-radius:8px;font-weight:700;border:none;cursor:pointer}.admin-page{background-color:#000;min-height:100vh;padding:100px 20px;color:#fff;display:flex;justify-content:center}.admin-container{width:100%;max-width:800px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px}h1{font-size:1.8rem;margin:0}.admin-tabs{display:flex;gap:10px;background:#18181b;padding:5px;border-radius:12px}.tab-btn{background:transparent;border:none;color:#888;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;gap:8px;align-items:center;font-weight:600;transition:all .2s}.tab-btn:hover{color:#fff;background:#27272a}.tab-btn.active{background:#3b82f6;color:#fff}.badge{background:#ef4444;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.list-grid{display:flex;flex-direction:column;gap:10px}.request-card{background:#18181b;border:1px solid #333;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.subscriber-card{border-left:3px solid #10b981}.req-info{display:flex;gap:15px;align-items:center}.req-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.req-avatar.yellow{background:#eab30833;color:#fbbf24}.req-avatar.green{background:#10b98133;color:#10b981}.req-email{color:#aaa;font-size:.9rem;margin-top:2px}.req-id,.req-status{font-size:.75rem;color:#555;font-family:monospace;display:block;margin-top:4px}.req-actions{display:flex;gap:10px}.btn-approve{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;gap:6px;align-items:center;font-weight:600}.btn-reject{background:#27272a;color:#ef4444;border:1px solid #ef4444;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.btn-revoke{background:#ef44441a;color:#ef4444;border:1px solid #ef4444;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;gap:6px;align-items:center;font-weight:600;transition:background .2s}.btn-revoke:hover{background:#ef4444;color:#fff}.empty-state{text-align:center;color:#555;padding:50px;border:1px dashed #333;border-radius:12px}.loading-state{display:flex;gap:10px;color:#888;justify-content:center;margin-top:50px}.spin{animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.admin-access-denied{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;gap:20px}.view-profile-container{min-height:100vh;background-color:#050505;color:#fff;padding:100px 20px 40px;font-family:Inter,sans-serif}.loading-screen,.error-screen{height:100vh;display:flex;align-items:center;justify-content:center;color:#888;font-size:1.2rem}.view-nav{max-width:1200px;margin:0 auto 20px}.back-btn{display:flex;align-items:center;gap:8px;color:#888;text-decoration:none;font-weight:500;transition:.2s}.back-btn:hover{color:#fbbf24}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;max-width:1200px;margin:0 auto}.glass-panel{background:#0f0f10;border:1px solid #27272a;border-radius:16px;overflow:hidden;margin-bottom:24px}.banner-bg{height:80px;background:linear-gradient(90deg,#333,#111)}.avatar-section{margin-top:-40px;text-align:center}.view-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #0f0f10;-o-object-fit:cover;object-fit:cover;background:#000}.profile-identity{text-align:center;padding:10px 20px}.view-name{margin:0;font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:6px}.verified-icon{color:#fbbf24}.view-headline{color:#a1a1aa;font-size:.9rem;margin:4px 0}.view-location{color:#666;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px}.profile-actions{display:flex;gap:10px;padding:20px;justify-content:center;border-bottom:1px solid #27272a}.btn-primary{flex:1;background:#fbbf24;color:#000;border:none;padding:8px;border-radius:6px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn-primary.connected{background:#10b981;color:#fff;cursor:default}.btn-primary.pending{background:#3f3f46;color:#a1a1aa;cursor:default}.btn-secondary{flex:1;background:transparent;border:1px solid #333;color:#fff;padding:8px;border-radius:6px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn-secondary:hover{border-color:#fbbf24}.profile-stats{display:flex;justify-content:space-around;padding:15px;font-size:.9rem}.p-stat{display:flex;flex-direction:column;align-items:center}.p-stat strong{font-size:1.1rem;color:#fff}.p-stat span{color:#666;font-size:.75rem}.skills-panel{padding:20px}.skills-panel h3{margin:0 0 15px;font-size:1rem;color:#ddd}.view-skills-list{display:flex;flex-wrap:wrap;gap:8px}.view-skill-pill{background:#ffffff0d;border:1px solid #333;padding:4px 10px;border-radius:20px;font-size:.8rem;color:#ccc}.content-section{padding:25px}.section-title{margin-top:0;font-size:1.1rem;border-bottom:1px solid #27272a;padding-bottom:15px;margin-bottom:20px}.view-timeline-item{display:flex;gap:15px;margin-bottom:20px}.view-timeline-item:last-child{margin-bottom:0}.icon-box{width:40px;height:40px;background:#18181b;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fbbf24;flex-shrink:0}.view-timeline-item h4{margin:0;font-size:1rem}.sub-text{margin:2px 0 0;color:#888;font-size:.85rem}.view-post-item{border-bottom:1px solid #27272a;padding-bottom:20px;margin-bottom:20px}.view-post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.post-tiny-img{width:32px;height:32px;border-radius:50%}.post-meta{display:flex;flex-direction:column}.post-author{font-weight:600;font-size:.9rem}.post-date{font-size:.75rem;color:#666}.post-body{font-size:.9rem;line-height:1.5;color:#ccc;margin-bottom:10px}.post-content-img{width:100%;border-radius:8px;margin-top:10px}.no-data{color:#555;font-style:italic}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 24px}.navbar-container{max-width:1400px;margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.logo-icon{font-size:28px;color:var(--text-primary)}.logo-text{background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;transition:var(--transition)}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--text-primary);background:var(--bg-tertiary)}.nav-icon{font-size:16px}.navbar-user{position:relative}.user-button{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);transition:var(--transition)}.user-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.user-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-name{font-size:14px;font-weight:500}.dropdown-arrow{font-size:10px;color:var(--text-muted)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;padding:8px;z-index:1001}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;text-align:left;transition:var(--transition)}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){.nav-label,.user-name{display:none}}.app{min-height:100vh;background:var(--bg-primary)}.page-container{max-width:1400px;margin:0 auto;padding:100px 24px 40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;font-size:14px;border:none;transition:var(--transition)}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--text-secondary);transform:translateY(-2px);box-shadow:0 8px 20px #ffffff1a}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition)}.input:focus{outline:none;border-color:var(--text-muted);background:var(--bg-tertiary)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}