@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090b10;--panel:#12161f;--white:#f7f7fa;--muted:#b4bac7;--border:#ffffff20;--accent:#ff4c88;--gradient:linear-gradient(100deg,#fa2682,#ff8b45)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #ff8b45;outline-offset:6px}svg{flex-shrink:0}.skip{position:absolute;top:-100px;left:10px;z-index:100;background:#fff;color:#111;padding:12px}.skip:focus{top:10px}.site-header{height:100px;padding:0 max(5%,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;background:#090b10e8;backdrop-filter:blur(18px);gap:20px}.wordmark{font-size:30px;font-weight:800;letter-spacing:.16em;background:var(--gradient);color:transparent;background-clip:text;white-space:nowrap}.wordmark span{letter-spacing:.06em;color:#ddd;font-size:16px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:28px;font-size:18px}.nav-play{display:flex;align-items:center;gap:12px;border:1px solid #ff629180;padding:12px 18px;border-radius:8px;background:#ff39870b}.nav-play span{font-size:14px;color:#ffc186;letter-spacing:.1em}.nav-play b{font-size:25px;font-weight:400}.hero{max-width:1440px;margin:auto;padding:90px 5% 70px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:2%;min-height:750px;overflow:hidden}.eyebrow{font-size:16px;letter-spacing:.14em;font-weight:700;color:#d1b7c6;margin:0 0 24px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff6b9c;box-shadow:0 0 20px #ff4b87;margin-right:12px}h1,h2,h3{line-height:1.06;letter-spacing:-.055em;margin:0}h1{font-size:clamp(58px,6.6vw,96px);font-weight:800}h1 span,h2 span{background:var(--gradient);background-clip:text;color:transparent}h2{font-size:clamp(40px,4.6vw,66px)}h3{font-size:36px;letter-spacing:-.04em}.hero-intro{font-size:23px;line-height:1.65;max-width:590px;color:#c3c7d2;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:64px;padding:17px 26px;border-radius:9px;font-size:20px;font-weight:800;line-height:1.4;text-align:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 16px 35px #fb317c22}.button svg{width:22px;height:22px;fill:currentColor}.primary{background:var(--gradient);color:#fff}.text-link{font-size:18px;border-bottom:1px solid #ffffff44;padding:10px 0}.text-link span{margin-left:8px}.beta-note{font-size:17px;color:#9da6b7;margin:22px 0 0}.hero-visual{height:620px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #c9618b3b;border-radius:50%;box-shadow:0 0 100px #e8317b10,inset 0 0 100px #e8317b0b;transform:rotate(-20deg)}.visual-orbit:after{content:'';position:absolute;inset:25px;border:1px solid #ffffff12;border-radius:50%}.portrait-frame{width:91%;height:94%;border-radius:200px 200px 36px 36px;overflow:hidden;position:relative;transform:rotate(2deg);box-shadow:0 20px 80px #0008}.portrait-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b1088,transparent 50%)}.portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:50% 15%}.identity-card{position:absolute;bottom:36px;left:0;right:0;background:#121a29ef;border:1px solid #ffffff30;padding:20px 24px;border-radius:15px;display:flex;gap:20px;align-items:center;box-shadow:0 20px 60px #0006}.identity-v{font-size:42px;font-weight:800;background:var(--gradient);background-clip:text;color:transparent}.identity-card p{font-size:14px;letter-spacing:.12em;color:#b6bdca;margin:0 0 2px}.identity-card strong{font-size:25px;letter-spacing:-.04em}.identity-arrow{margin-left:auto;font-size:34px;color:#fb967a}.visual-caption{position:absolute;bottom:0;right:14px;font-size:14px;letter-spacing:.14em;color:#9099ad}.experience-strip{border-block:1px solid var(--border);background:#ffffff03;display:flex;align-items:center;justify-content:center;gap:55px;padding:27px 5%;font-size:20px;color:#d0d4df}.experience-strip i{height:5px;width:5px;background:#fb6789;border-radius:50%}.section{padding:105px 5%;max-width:1440px;margin:auto}.section-intro{max-width:800px}.section-intro>p:last-child{font-size:23px;color:var(--muted);margin:26px 0 0;max-width:760px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.mission-grid article{padding:36px 32px;position:relative;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#181e2b,#0e121b);overflow:hidden}.mission-grid svg{width:70px;height:70px;stroke:#ee8e9e;stroke-width:2;margin-bottom:35px}.step-number{position:absolute;top:24px;right:28px;font-size:17px;color:#707d94}.mission-grid p{color:var(--muted);font-size:20px;line-height:1.6;max-width:300px;margin-bottom:0}.explore{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid var(--border)}.explore-copy>p:not(.eyebrow){color:var(--muted);font-size:21px}.outline{border:1px solid #d48a9a66;margin-top:20px;background:#fc42870a}.office-map{height:510px;border:1px solid #73819c44;border-radius:22px;position:relative;background:radial-gradient(ellipse at top right,#43234555,transparent 65%),#111824;overflow:hidden;box-shadow:0 25px 80px #0004}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#8295ae0b 1px,transparent 1px),linear-gradient(90deg,#8295ae0b 1px,transparent 1px);background-size:35px 35px}.map-room{position:absolute;border:1px solid #798ca24d;background:#1d2b3f88;padding:20px;border-radius:9px}.map-room span{display:block;color:#df8caa;font-size:16px;margin-bottom:14px}.map-room strong{display:block;font-size:21px;line-height:1.2}.map-room small{display:block;font-size:16px;margin-top:7px;color:#a9b4c4}.room-archive{left:7%;top:8%;width:39%;height:38%}.room-board{right:7%;top:8%;width:43%;height:47%}.room-desk{left:7%;bottom:13%;width:39%;height:37%}.room-lounge{right:7%;bottom:13%;width:43%;height:27%;border-color:#d77f9c55}.map-you{position:absolute;bottom:15px;left:30px;font-size:14px;color:#c6cedb;letter-spacing:.1em}.map-you i{width:9px;height:9px;display:inline-block;background:#fa6b93;border-radius:50%;margin-right:10px;box-shadow:0 0 16px #fa6b93}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border);padding:23px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:22px;font-weight:700;cursor:pointer;line-height:1.45}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#f294a4;font-size:30px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:20px;color:var(--muted);margin-bottom:0}.final-cta{text-align:center;padding:90px 5% 100px;background:radial-gradient(ellipse at center bottom,#41172f77,transparent 75%);border-top:1px solid var(--border)}.final-cta .button{margin-top:35px;min-width:270px}.final-cta>p:last-child{font-size:18px;color:var(--muted);margin-top:25px}footer{border-top:1px solid var(--border);padding:45px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:16px;color:#a3abba;margin:0}footer nav{display:flex;flex-wrap:wrap;gap:22px;font-size:16px;color:#c6ccd8}@media(max-width:1100px){.site-header{padding-inline:4%;height:88px}.wordmark span{display:none}.hero{padding-top:65px;min-height:0}.hero-visual{height:540px}.hero-actions{gap:12px}.text-link{font-size:17px}.explore,.faq{gap:40px}.map-room{padding:16px}.map-room strong{font-size:19px}.identity-card{padding:17px}.identity-card strong{font-size:22px}.identity-card p{font-size:13px}}@media(max-width:760px){body{font-size:19px}.site-header{height:80px;gap:12px}.wordmark{font-size:23px;letter-spacing:.12em}.site-header nav{gap:14px}.site-header nav>a:not(.nav-play){display:none}.nav-play{font-size:17px;gap:8px;padding:10px 12px}.nav-play span{font-size:13px}.nav-play b{font-size:22px}.hero{padding:45px 6% 38px;grid-template-columns:1fr;gap:32px}.eyebrow{font-size:15px;letter-spacing:.1em;margin-bottom:22px}h1{font-size:clamp(48px,12vw,78px);letter-spacing:-.06em}h2{font-size:clamp(38px,9vw,55px)}h3{font-size:33px}.hero-intro{font-size:21px;margin:25px 0}.hero-actions{gap:14px}.hero-actions .button{width:100%}.hero-actions .text-link{margin:auto}.button{font-size:20px;min-height:62px;width:100%;padding-inline:20px}.beta-note{font-size:17px;text-align:center}.hero-visual{height:520px;max-width:480px;width:100%;margin:auto}.portrait-frame{width:92%;height:96%;border-radius:150px 150px 28px 28px}.identity-card{left:0;right:0;bottom:35px;gap:16px}.identity-card p{font-size:13px}.identity-card strong{font-size:23px}.identity-v{font-size:39px}.visual-caption{font-size:13px;right:10px}.experience-strip{padding:24px 6%;gap:12px;flex-wrap:wrap;font-size:18px;line-height:1.5}.experience-strip i{display:none}.experience-strip span{width:100%;text-align:center}.section{padding:65px 6%}.section-intro>p:last-child{font-size:21px}.mission-grid{grid-template-columns:1fr;gap:18px;margin-top:35px}.mission-grid article{padding:29px}.mission-grid svg{margin-bottom:24px;width:60px;height:60px}.mission-grid p{max-width:none;font-size:21px}.explore,.faq{grid-template-columns:1fr;gap:38px}.explore-copy>p:not(.eyebrow){font-size:21px}.office-map{height:480px}.map-room small{font-size:16px}.map-room strong{font-size:19px}.faq-list summary{font-size:21px}.faq-list p{font-size:20px}.final-cta{padding:65px 6%}.final-cta>p:last-child{font-size:18px}footer{padding:35px 6%;gap:23px}footer .wordmark{font-size:28px}footer nav{font-size:17px;gap:18px}footer p{font-size:17px}}@media(max-width:380px){.hero-visual{height:455px}.office-map{height:470px}.map-room{padding:12px}.map-room strong{font-size:18px}.map-room small{font-size:16px}.identity-card strong{font-size:21px}.wordmark{font-size:21px}.identity-card{padding:15px}.identity-card p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.identity-card p,.visual-caption,.map-you{font-size:16px}.map-room small{font-size:17px}.site-header .nav-play span{font-size:15px}@media(max-width:760px){.identity-card p{font-size:15px}.visual-caption{font-size:15px}.map-you{font-size:15px}}

.game-visual{border:1px solid #9eaaca40;background:radial-gradient(ellipse at 70% 20%,#3d4d6d 0,transparent 60%),linear-gradient(150deg,#1b2032,#0b101b);border-radius:24px;isolation:isolate;overflow:hidden;box-shadow:0 30px 100px #0008}.game-grid{position:absolute;inset:0;background-image:linear-gradient(#7d9ab011 1px,transparent 1px),linear-gradient(90deg,#7d9ab011 1px,transparent 1px);background-size:35px 35px;transform:perspective(550px) rotateX(45deg) scale(1.5);transform-origin:bottom}.game-hud{position:absolute;top:24px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:.1em;z-index:4}.game-hud b{color:#b6edb7}.game-room{position:absolute;inset:85px 25px 120px;border:1px solid #e8caa640;background:linear-gradient(115deg,#23364a88,#c6d5d526);transform:perspective(800px) rotateY(-12deg);border-radius:5px}.game-window{position:absolute;inset:16px 16px 30%;background:linear-gradient(120deg,#96b8cd55,#dee9ed22);border:8px solid #273241;box-shadow:inset 0 0 50px #bbd6db33}.game-window:after{content:'';position:absolute;left:48%;top:0;bottom:0;width:7px;background:#273241}.game-desk{position:absolute;bottom:20px;left:15%;width:70%;height:12px;background:#ac8761;box-shadow:0 10px 0 #181d25,0 35px 0 -3px #273241}.room-tag{position:absolute;top:12px;left:15px;font-size:12px;letter-spacing:.2em}.professor-hero{position:absolute;height:83%;width:90%;object-fit:contain;object-position:center bottom;bottom:55px;filter:drop-shadow(0 20px 20px #0008);z-index:2}.mentor-dialog{position:absolute;bottom:45px;left:20px;right:20px;padding:22px 25px;border:1px solid #ff8e9c99;background:#101826ee;backdrop-filter:blur(14px);border-radius:12px;z-index:3}.mentor-dialog>span{font-size:14px;letter-spacing:.11em;color:#ffb89f}.mentor-dialog strong{display:block;font-size:31px;line-height:1.2;margin-top:10px}.dialog-progress{display:flex;gap:7px;margin-top:20px}.dialog-progress i{height:5px;flex:1;background:#ffffff24;border-radius:4px}.dialog-progress i:first-child{background:linear-gradient(90deg,#fa2682,#ff8b45);box-shadow:0 0 15px #ff6289}.game-label{position:absolute;bottom:14px;font-size:12px;letter-spacing:.18em;color:#bfc8db;z-index:3}.hero-visual.game-visual{animation:campus-in .8s both}@keyframes campus-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:700px){.hero-visual.game-visual{height:490px;margin-top:30px}.mentor-dialog strong{font-size:28px}.hero{padding-top:45px}.hero-intro{font-size:21px}.game-hud{font-size:11px}.professor-hero{height:86%}}@media(prefers-reduced-motion:reduce){.hero-visual.game-visual{animation:none}}
