:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#eef0fa;background:#111524;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.app{min-height:100vh;background:radial-gradient(ellipse at 75% 5%,#242b55 0,transparent 40%),#111524}.container{max-width:1160px;margin:auto;padding:0 24px}.header{border-bottom:1px solid #353a55;background:#15192bdf;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.head{max-width:1160px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{border:0;background:none;color:#fff;font-weight:900;font-size:21px;white-space:nowrap}.brand span,footer span{color:#b2a3ff}.brand small{font-size:9px;color:#c4b5fd}nav{display:flex;gap:6px}nav button{border:0;background:none;color:#b1b5ca;padding:10px 13px;border-radius:10px}nav button:hover,nav button.current{background:#343656;color:#fff}.actions{display:flex;gap:8px}.boss{border:1px solid #656aa1;background:#32395e;color:#fff;border-radius:11px;padding:10px 14px;white-space:nowrap}.boss small{font-size:10px;color:#c1c5e2;margin-left:9px}.hamburger{display:none;background:#282d49;border:0;color:#fff;border-radius:8px;padding:8px 12px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:530px;gap:42px;padding:65px 0}.eyebrow{letter-spacing:2px;color:#c9b3ff;font-size:12px;font-weight:800}.hero h1{font-size:clamp(40px,5vw,69px);line-height:1.16;letter-spacing:-2px;margin:20px 0}.hero h1 em{font-style:normal;color:#b5a4ff}.hero p,.section>p,.subpage>p{color:#a8afc8;line-height:1.85}.hero p{max-width:540px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.primary,.secondary{border:0;border-radius:12px;padding:14px 19px;font-weight:700}.primary{background:#a995ff;color:#151626;box-shadow:0 7px 22px #6850d640}.secondary{background:#30354e;color:#eff0fa;border:1px solid #505672}.primary:hover{background:#c1b3ff}.secondary:hover{background:#414865}.small,.fine{font-size:12px!important;color:#858da8!important}.desktop{border:1px solid #4e557e;background:linear-gradient(145deg,#273057,#1e2648);height:370px;border-radius:23px;padding:18px;position:relative;box-shadow:0 28px 60px #05071255}.top{display:flex;justify-content:space-between;font-size:10px;color:#a6b3dd;letter-spacing:1px}.fake-window{background:#f3f6ff;color:#22344c;border-radius:13px;position:absolute;left:14%;top:19%;width:70%;height:63%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 18px 38px #04061666}.window-title{background:#e1e7f3;padding:14px;font-size:11px}.bars{height:130px;display:flex;align-items:end;justify-content:space-around;padding:14px}.bars i{display:block;width:13%;height:65%;background:#81a6f2;border-radius:5px 5px 0 0}.bars i:nth-child(2){height:91%;background:#b3a2f4}.bars i:nth-child(3){height:43%}.bars i:nth-child(4){height:76%;background:#94cfb9}.bars i:nth-child(5){height:55%}.window-message{padding:10px;text-align:center;font-size:12px;font-weight:700}.desk-fish,.desk-coffee{position:absolute;font-size:53px;right:4%;bottom:16px;transform:rotate(15deg)}.desk-coffee{left:2%;right:auto;top:45px;font-size:36px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#20263b;border:1px solid #353a54;padding:22px;border-radius:16px}.stats-strip div{font-size:12px;color:#9da7bd;display:flex;flex-direction:column;gap:9px}.stats-strip b{font-size:19px;color:#f5f5ff}.section{padding:78px 0}.section h2{font-size:35px;margin:12px 0 2px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.tile{text-align:left;border:0;border-radius:18px;padding:20px;min-height:260px;display:flex;flex-direction:column;align-items:start;color:#15192d;transition:transform .2s}.tile:hover{transform:translateY(-5px)}.tile>span{font-size:72px;margin:auto}.tile small{font-size:11px;font-weight:800;opacity:.7}.tile h3{margin:8px 0;font-size:19px}.tile p{font-size:13px;line-height:1.6;margin:0}.lilac{background:#c6b8ff}.aqua{background:#a8eadb}.peach{background:#ffd1bd}.blue{background:#b0d6ff}.banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;background:#252a48;border:1px solid #3e4669;border-radius:18px;margin-bottom:72px}.banner h3{margin:0}.banner p{color:#a8b0ca}.subpage{padding:65px 0 90px;min-height:73vh}.subpage h1{font-size:clamp(32px,5vw,48px);margin:14px 0}.panel{background:#232a42;border:1px solid #3b4561;border-radius:20px;padding:26px}.quiz{max-width:710px;margin:35px auto;text-align:center;padding:36px}.progress{display:flex;justify-content:space-between;color:#b9c2d8}.progressbar{height:8px;background:#3b4568;border-radius:8px;margin:18px 0 25px;overflow:hidden}.progressbar i{display:block;background:#afa0ff;height:100%;transition:width .2s}.emoji{font-size:68px;margin:30px 0 15px}.quiz h2{font-size:26px}.quiz p{color:#bec5d9}.choices{display:grid;gap:12px;margin:26px 0}.choices button{background:#313a55;color:#f4f6fe;padding:17px;border:1px solid #505c78;border-radius:12px;text-align:left;display:flex;align-items:center;gap:14px}.choices button:hover{background:#49547c}.choices b{background:#5a5585;padding:8px 12px;border-radius:9px}.choices span{margin-left:auto}.center{justify-content:center}.fish-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:30px}.fishing{padding:0;overflow:hidden}.lake-header{padding:17px 20px;display:flex;justify-content:space-between;font-size:13px;color:#c2d5ee}.lake{height:330px;position:relative;overflow:hidden;background:linear-gradient(#94c9e9,#c6e8e8 67%,#79c9d2 67%)}.sun{position:absolute;width:68px;height:68px;border-radius:50%;background:#ffeb9f;right:18%;top:40px}.hills{position:absolute;bottom:100px;left:-10%;width:125%;height:110px;background:#75b4ad;border-radius:50% 50% 0 0}.water{position:absolute;bottom:0;height:42%;width:100%;background:linear-gradient(#5caec7,#3a96b7);display:flex;justify-content:space-around;align-items:center;font-size:40px}.rod{position:absolute;top:40%;left:47%;font-size:48px}.fish-controls{text-align:center;padding:25px}.fish-controls p{color:#cdd4e6}aside{display:grid;align-content:start;gap:18px}.aside h3{margin-top:0}.aside p,.aside small{color:#b2bed1}.big-number{font-size:54px;font-weight:700;color:#b7d5ff}.big-number small{font-size:16px}.catch{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #414961}.stat-tiles{margin-top:30px}.metric span{font-size:30px}.metric p{color:#aeb8d0}.metric b{font-size:29px}.report{margin-top:20px}.report p{color:#b9c1d3}.report-highlight{padding:20px;background:#333b5d;border-radius:12px;margin:20px 0;color:#d1c1ff;font-size:22px}.fine{margin-top:24px}footer{border-top:1px solid #343b52;padding:30px 0;color:#b3bacc}footer p{font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#edf5ff;color:#172036;border-radius:10px;padding:15px 22px;z-index:30}.office{position:fixed;top:0;right:0;bottom:0;left:0;background:#f9fbfa;color:#172a21;z-index:20;display:flex;flex-direction:column;font:14px Arial,sans-serif}.office-head{background:#116a3c;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.office-head button{border:0;background:#ebf1ea;border-radius:5px;padding:9px 14px}.office-nav{padding:15px;background:#f5f5f5}.office-ribbon{padding:25px 15px;border-bottom:1px solid #d5ddd6}.formula{padding:13px;border-bottom:1px solid #ddd}.sheet-wrap{overflow:auto;flex:1}.sheet{border-collapse:collapse;min-width:920px;width:100%}.sheet th,.sheet td{height:29px;border:1px solid #dbe2dc;padding:5px 11px;text-align:left;min-width:100px}.sheet th{background:#edf1ed;color:#536255}.sheet tbody tr:nth-child(1){background:#d5e9da;font-weight:700}.sheet tbody tr:nth-child(6){background:#dcf0e1;font-weight:700}.office-footer{padding:10px;background:#e8eee9;display:flex;justify-content:space-between;font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:55px 0}.desktop{height:300px}.tiles,.stats-strip{grid-template-columns:repeat(2,1fr)}.fish-grid{grid-template-columns:1fr}.head nav{display:none;position:absolute;left:0;right:0;top:63px;padding:15px;background:#222842;flex-direction:column}.head nav.open{display:flex}.hamburger{display:block}.boss small{display:none}}@media(max-width:520px){.container{padding:0 17px}.head{padding:13px 15px;gap:8px}.brand{font-size:17px}.hero h1{letter-spacing:-1px}.hero{gap:25px}.tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{min-height:220px;padding:14px}.tile>span{font-size:54px}.tile h3{font-size:16px}.stats-strip{padding:15px}.stats-strip b{font-size:15px}.banner{flex-direction:column;align-items:start}.quiz{padding:22px}.subpage{padding:40px 0}.boss{padding:9px}.section{padding:50px 0}.office-ribbon{white-space:nowrap;overflow:hidden}}