@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Source+Serif+4:wght@400;600;700&display=swap";:root{--app-background:#000;--card:#0a1428ad;--primary:#2563eb;--secondary:#38bdf8;--green:#5bffbe;--text-main:#fff;--muted:#afb7c4;--border:#38bdf838;--border-glow:#38bdf894;--ui-font:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--shadow:0 8px 30px #00000070, inset 0 0 0 1px #ffffff09;color:var(--text-main);background:var(--app-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:"Source Serif 4",Georgia,serif}*{box-sizing:border-box}body{background:var(--app-background);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.app-shell{min-height:100svh;color:var(--text-main);background:radial-gradient(circle at 50% -10%, #2563eb47, transparent 43%), var(--app-background)}.brand-lockup{color:#fff;align-items:center;gap:8px;display:inline-flex}.brand-logo-frame{background:radial-gradient(circle at 35% 35%,#fff,#e2e8f0);border:1px solid #38bdf873;border-radius:50%;place-items:center;width:32px;height:32px;padding:2px;display:grid;overflow:hidden;box-shadow:0 0 7px #38bdf84d}.brand-mark{object-fit:contain;filter:drop-shadow(0 0 3px #2563eb66);width:100%;height:100%;display:block}.brand-name{text-align:left;flex-direction:column;line-height:1.05;display:flex}.brand-name strong{letter-spacing:.025em;background:linear-gradient(135deg, #fff, var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.95rem}.brand-name small{color:var(--secondary);font-family:var(--ui-font);letter-spacing:.12em;font-size:.4rem;font-weight:700}.auth-screen{place-items:center;min-height:100svh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121b2fe6;border-radius:18px;width:min(100%,360px);padding:28px;box-shadow:0 18px 55px #00000085,inset 0 1px #ffffff0d}.auth-card>.brand-lockup{justify-content:center;margin-bottom:12px;display:flex}.auth-card .brand-logo-frame{width:76px;height:76px;padding:5px}.auth-title{text-align:center;margin-bottom:18px}.auth-title h1{margin:0;font-size:1.55rem;font-weight:700}.auth-title p{color:var(--secondary);font-family:var(--ui-font);letter-spacing:.09em;text-transform:uppercase;margin:5px 0 0;font-size:.57rem;font-weight:700}.auth-message{min-height:32px;color:var(--muted);font-family:var(--ui-font);text-align:center;margin:0;font-size:.72rem;line-height:1.45}.segment-control{border:1px solid var(--border);background:#0000003d;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:16px;padding:3px;display:grid}.segment-control button,.tab-row button{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-family:inherit;font-size:.78rem;font-weight:700}.segment-control button.active,.tab-row button.active{color:#fff;background:var(--primary)}.input-group{color:var(--muted);font-family:var(--ui-font);gap:5px;margin-top:11px;font-size:.69rem;font-weight:700;display:grid}.input-group input{border:1px solid var(--border);color:#fff;background:#0000003d;border-radius:7px;outline:none;width:100%;min-height:38px;padding:8px 10px;font-family:inherit;font-size:.82rem}.input-group input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #38bdf81a}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;min-height:35px;padding:7px 12px;font-family:inherit;font-size:.75rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.button:hover:not(:disabled),.quick-action:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--primary), #1d4ed8);border-color:#ffffff29;box-shadow:0 5px 18px #2563eb59}.button.secondary{color:var(--text-main);border-color:var(--border);background:#38bdf814}.button.full{width:100%;margin-top:17px}.demo-caption{color:var(--muted);font-family:var(--ui-font);text-align:center;margin:13px 0 0;font-size:.64rem}.app-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d4;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header-controls{gap:10px;display:flex}.popup-anchor{position:relative}.icon-button,.avatar-button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;display:grid;position:relative}.icon-button{font-size:1rem;transform:rotate(180deg)}.icon-button i{background:var(--secondary);width:6px;height:6px;box-shadow:0 0 7px var(--secondary);border-radius:50%;position:absolute;top:3px;right:3px}.avatar-button{background:linear-gradient(135deg, var(--primary), var(--secondary));border-color:#38bdf88c;font-size:.85rem;box-shadow:0 0 9px #2563eb66}.popup{z-index:30;border:1px solid var(--border);width:260px;color:var(--text-main);background:#0c1423f7;border-radius:12px;padding:14px;position:absolute;top:39px;right:0;box-shadow:0 15px 35px #0000008c}.popup h2{border-bottom:1px solid #ffffff17;margin:0 0 9px;padding-bottom:8px;font-size:.82rem}.popup p{color:var(--muted);font-family:var(--ui-font);margin:8px 0;font-size:.68rem;line-height:1.45}.popup p strong{color:var(--secondary);display:block}.popup em{color:var(--green);font-style:normal}.close-popup{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1rem;position:absolute;top:7px;right:8px}.profile-row{border-bottom:1px solid #ffffff17;align-items:center;gap:9px;padding-bottom:10px;display:flex}.profile-row>span{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.profile-row h2{border:0;margin:0;padding:0;font-size:.8rem}.profile-row small{color:var(--secondary);font-family:var(--ui-font);font-size:.62rem}.app-content{width:min(900px,100%);margin:0 auto;padding:26px 20px 105px}.home-screen{animation:.32s ease-out enter}.welcome-card,.term-card,.quick-action{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.welcome-card{background:linear-gradient(135deg,#2563eb45,#0a1428e0);justify-content:space-between;align-items:center;padding:18px;display:flex}.welcome-card p{color:var(--muted);font-family:var(--ui-font);margin:0;font-size:.75rem}.welcome-card h1{margin:4px 0 0;font-size:1.2rem}.student-tag{color:var(--secondary);font-family:var(--ui-font);background:#38bdf817;border:1px solid #38bdf84d;border-radius:999px;padding:4px 9px;font-size:.66rem;font-weight:700}.term-card{background:#0a1428ad;margin-top:16px;padding:18px}.section-label{color:var(--secondary);font-family:var(--ui-font);font-size:.76rem;font-weight:700}.term-card h2{margin:10px 0 7px;font-size:1rem}.term-card p{color:var(--muted);font-family:var(--ui-font);margin:0;font-size:.78rem;line-height:1.55}.text-button{color:var(--secondary);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-family:inherit;font-size:.75rem;font-weight:700}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.quick-action{color:#fff;background:var(--card);cursor:pointer;text-align:center;min-height:118px;padding:14px;transition:transform .2s,border-color .2s}.quick-action:first-child,.quick-action:nth-child(2){background:linear-gradient(135deg,#2563eb33,#0a1428b3)}.quick-action:hover{border-color:var(--border-glow)}.quick-action span,.quick-action strong,.quick-action small{display:block}.quick-action span{margin-bottom:8px;font-size:1.45rem}.quick-action strong{font-size:.78rem}.quick-action small{color:var(--muted);font-family:var(--ui-font);margin-top:3px;font-size:.61rem}.quick-action:first-child small{color:var(--secondary)}.quick-action:nth-child(2) small{color:var(--green)}.bottom-nav{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090f1ceb;border-radius:15px;gap:3px;width:min(400px,100% - 28px);padding:5px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000080}.bottom-nav button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;place-items:center;gap:3px;font-size:1rem;display:grid}.bottom-nav button small{font-family:var(--ui-font);font-size:.6rem}.bottom-nav button.active{color:#fff;background:#2563eba6}.toast{z-index:50;border:1px solid var(--border);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow);font-family:var(--ui-font);background:#16223a;border-radius:8px;padding:10px 14px;font-size:.75rem;animation:.22s ease-out toast-in;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (width<=560px){.app-header{padding:0 16px}.app-content{padding:16px 14px 96px}.auth-card{padding:22px 18px}.bottom-nav{bottom:12px}}.header-brand{cursor:pointer;background:0 0;border:0;padding:0}.screen-stack{animation:.32s ease-out enter}.screen-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.screen-title h1{margin:0;font-size:1.3rem}.screen-title p{max-width:620px;color:var(--muted);font-family:var(--ui-font);margin:5px 0 0;font-size:.72rem;line-height:1.5}.notes-nav{border:1px solid var(--border);min-height:44px;color:var(--muted);background:#ffffff06;border-radius:9px;align-items:center;gap:10px;margin-bottom:13px;padding:8px 12px;display:flex}.notes-nav strong{font-family:var(--ui-font);font-size:.78rem}.button.small{min-height:29px;padding:5px 9px;font-size:.67rem}.departments .quick-action{min-height:106px}.semester-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.semester-button{border:1px solid var(--border);min-height:56px;color:var(--primary);background:var(--card);cursor:pointer;font-family:var(--ui-font);border-radius:9px;font-weight:800}.semester-button:hover{border-color:var(--border-glow)}.tab-row{border:1px solid var(--border);background:#0000003d;border-radius:9px;gap:5px;margin-bottom:12px;padding:3px;display:flex}.tab-row button{flex:1}.glass-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:13px}.note-detail{justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.note-detail h2,.publication h2,.person-card h2,.mentor-card h2,.event-card h2,.update-card h2{color:#fff;margin:0;font-size:.85rem}.note-detail p,.event-card p,.update-card p,.mentor-card p,.person-card p{color:var(--muted);font-family:var(--ui-font);margin:6px 0 0;font-size:.7rem;line-height:1.45}.search-field{border:1px solid var(--border);color:var(--secondary);background:#0000003d;border-radius:9px;align-items:center;gap:8px;margin-bottom:13px;padding:0 11px;display:flex}.search-field input,.message-input input{color:#fff;min-width:0;height:39px;font-family:var(--ui-font);background:0 0;border:0;outline:0;flex:1;font-size:.78rem}.publication-list,.list-stack{gap:11px;display:grid}.publication{padding:14px}.publication-title{align-items:center;gap:11px;display:flex}.publication-title small{color:var(--secondary);font-family:var(--ui-font);font-size:.65rem}.publication-title h2{margin-top:3px}.publication-icon{border:1px solid var(--border);color:#fff;width:40px;height:40px;font-family:var(--ui-font);background:#ffffff1a;border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.publication-icon.forbes{color:#e6b43d}.publication-icon.entrepreneur{color:#da5a5a}.publication-icon.gulf{color:#55c3cc}.publication-icon.india{color:#ee554d}.publication-icon.yc{color:#ff8b35}.publication-icon.hbr{color:#bc88f2}.publication .full{margin-top:13px}.empty-state{color:var(--muted);text-align:center;font-family:var(--ui-font);margin:28px 0;font-size:.78rem}.chat-tabs{margin-bottom:12px}.list-heading{color:var(--secondary);font-family:var(--ui-font);letter-spacing:.04em;text-transform:uppercase;margin:2px 0 0;font-size:.72rem}.list-heading.muted{color:var(--muted);margin-top:7px}.person-card{align-items:center;gap:10px;padding:12px;display:flex}.person-avatar{color:#fff;background:var(--primary);width:36px;height:36px;font-family:var(--ui-font);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:grid}.person-card:nth-of-type(3) .person-avatar{color:#06242b;background:var(--secondary)}.person-card>div{flex:1;min-width:0}.person-card p{margin-top:2px;font-size:.62rem}.button:disabled{cursor:default;opacity:.7}.chat-panel{gap:10px;display:grid}.message-feed{border:1px solid var(--border);background:#0a1428b3;border-radius:12px;flex-direction:column;gap:10px;height:320px;padding:12px;display:flex;overflow-y:auto}.chat-message{align-self:flex-start;max-width:85%}.chat-message.own{align-self:flex-end}.chat-message small{color:var(--secondary);font-family:var(--ui-font);font-size:.6rem;font-weight:700;display:block}.chat-message.own small{text-align:right}.chat-message p{color:#fff;font-family:var(--ui-font);background:#ffffff12;border-radius:10px;margin:2px 0 0;padding:8px 11px;font-size:.72rem;line-height:1.45}.chat-message.own p{background:var(--primary)}.message-input{border:1px solid var(--border);background:#ffffff0d;border-radius:22px;gap:8px;padding:0 10px;display:flex}.message-input .button{border-radius:18px;margin:4px 0}.mentor-card{padding:14px}.mentor-top{justify-content:space-between;gap:10px;display:flex}.mentor-card small{color:var(--secondary);font-family:var(--ui-font);font-size:.62rem}.available-tag,.busy-tag{height:fit-content;font-family:var(--ui-font);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:.58rem}.available-tag{color:var(--green);background:#5bffbe21}.busy-tag{color:#f8b24c;background:#f59e0b24}.live-tag{color:#ff7379;font-family:var(--ui-font);background:#ed1c2429;border:1px solid #ed1c2480;border-radius:13px;padding:4px 8px;font-size:.63rem;font-weight:800;animation:2s infinite live-pulse}.update-card,.event-card{padding:15px}.update-card small,.event-card small{color:var(--secondary);font-family:var(--ui-font);font-size:.63rem;font-weight:800}.update-card h2,.event-card h2{margin-top:8px;font-size:.95rem}.event-card{border-left:3px solid var(--secondary)}.event-card:nth-child(2){border-left-color:var(--green)}.event-card:nth-child(3){border-left-color:#c084fc}.event-card footer{color:var(--muted);font-family:var(--ui-font);border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:9px;margin-top:12px;padding-top:10px;font-size:.65rem;display:flex}.profile-page{text-align:center;padding:26px}.large-avatar{border:1px solid var(--border);background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 11px;font-size:1.8rem;display:grid}.profile-page h1{margin:0;font-size:1.25rem}.profile-page>p{color:var(--secondary);font-family:var(--ui-font);margin:5px 0 18px;font-size:.72rem}.profile-facts{color:var(--muted);font-family:var(--ui-font);text-align:left;border-top:1px solid #ffffff14;gap:8px;padding-top:16px;font-size:.73rem;display:grid}.intro-splash{z-index:100;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-stars{opacity:.65;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 78% 32%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 65% 78%,#38bdf8 0 1px,#0000 1.5px),radial-gradient(circle at 30% 72%,#fff 0 1px,#0000 1.5px);background-size:220px 180px,300px 260px,200px 210px,350px 300px;animation:7s linear infinite star-drift;position:absolute;inset:0}.intro-halo{aspect-ratio:1;background:radial-gradient(circle,#38bdf838,#2563eb12 42%,#0000 70%);border-radius:50%;width:min(60vw,550px);animation:2.4s ease-in-out infinite alternate halo;position:absolute}.intro-ring{border:1px solid #38bdf85c;border-radius:50%;width:190px;height:72px;animation:3s linear infinite orbit;position:absolute;transform:rotateX(70deg)rotate(-22deg)}.intro-ring.ring-two{border-color:#2563eb42;width:250px;height:100px;animation-duration:4.5s;animation-direction:reverse}.intro-brand{z-index:1;text-align:center;animation:1.2s ease-out intro-arrive;position:relative}.intro-brand .brand-mark{width:116px;height:116px}.intro-brand h1{color:#fff;margin:8px 0 0;font-size:2rem}.intro-brand p{color:var(--secondary);font-family:var(--ui-font);letter-spacing:.12em;text-transform:uppercase;margin:5px 0 0;font-size:.65rem;font-weight:800}.skip-intro{z-index:2;color:#ffffffb3;cursor:pointer;font-family:var(--ui-font);background:#ffffff14;border:1px solid #ffffff29;border-radius:20px;padding:6px 12px;font-size:.68rem;position:absolute;bottom:20px;right:22px}.skip-intro:hover{color:#fff;border-color:var(--secondary)}@keyframes star-drift{to{background-position:220px 180px,-300px 260px,200px -210px,-350px -300px}}@keyframes orbit{to{transform:rotateX(70deg)rotate(338deg)}}@keyframes halo{to{opacity:.8;transform:scale(1.18)}}@keyframes intro-arrive{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes live-pulse{50%{box-shadow:0 0 12px #ed1c2473}}@media (width<=560px){.screen-title h1{font-size:1.14rem}.note-detail{flex-direction:column;align-items:flex-start}.note-detail .button{width:100%}.event-card footer{flex-direction:column;align-items:flex-start}.event-card footer .button{width:100%}.intro-brand h1{font-size:1.6rem}}.intro-brand .brand-logo-frame{width:116px;height:116px;padding:7px}
