@charset "UTF-8";
:root{color-scheme:dark;--ink:#f4f5eb;--muted:#c5d9dd;--subtle:#a5bdc7;--accent:#b6dedc;--glass:rgba(19,48,65,.38);--glass-hover:rgba(34,66,79,.6);--line:rgba(226,245,238,.2);--button:#eaf0df;--button-ink:#233b43;--panel:rgba(19,44,58,.7);--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:#183544;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1:focus{outline:none}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 50px #06253110}
.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#244957}.scene-image{width:100%;height:100%;object-fit:cover;object-position:58% 44%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.045);transition:transform 1.7s var(--ease);animation:sceneEnter 1.8s var(--ease) both}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,32,46,.76),rgba(13,38,54,.34) 47%,rgba(11,31,44,.08) 78%),linear-gradient(0deg,rgba(8,31,42,.72),transparent 60%);transition:background .7s}.ambient{position:absolute;inset:0;overflow:hidden}.mote{position:absolute;bottom:-20px;left:var(--left);width:3px;height:3px;border-radius:50%;background:#f2fff3;box-shadow:0 0 10px #e5ffe8;animation:drift var(--duration) var(--delay) linear infinite;opacity:0}.mote:nth-child(3n){width:2px;height:2px}.site-shell{max-width:1600px;margin:auto;padding:28px clamp(24px,5.5vw,88px) 0}.sidebar{position:relative;display:flex;align-items:center;justify-content:space-between;border-radius:16px;padding:15px 23px;z-index:30;gap:30px;animation:navEnter 1s var(--ease) both}.brand{display:flex;gap:12px;align-items:center;line-height:1.4;font-size:18px;letter-spacing:2px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:35px;height:35px;transform:rotate(-15deg)}.brand-mark svg{width:30px;height:30px;stroke-width:1.1}.brand small{display:block;color:var(--subtle);font-size:10px;letter-spacing:2px;margin-top:5px}.navigation{position:relative;display:flex;gap:10px;align-items:center;margin-left:auto}.nav-item{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:10px 16px;font-size:14px;line-height:1.4;color:var(--muted);border-radius:7px;transition:color .3s,background .3s}.nav-item:hover{color:var(--ink);background:#eaf7f00b}.nav-item.active{color:var(--ink)}.nav-item.active:after{content:"";position:absolute;width:16px;height:1px;background:var(--accent);bottom:0;left:50%;transform:translateX(-50%)}.chevron{width:13px;height:13px;transition:transform .4s var(--ease);margin-left:auto}.disclosure[aria-expanded="true"]>.chevron{transform:rotate(180deg)}.sidebar-bottom{display:flex;align-items:center;gap:18px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;transition:background .3s}.icon-button:hover{background:#fff1}.theme-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.nav-divider{width:1px;height:21px;background:var(--line)}.nav-contact{font-size:13px;display:flex;gap:10px;align-items:center;white-space:nowrap}.nav-contact svg{width:14px;height:14px}.submenu{position:absolute;top:calc(100% + 24px);left:79px;min-width:218px;padding:11px;border-radius:13px;background:rgba(23,52,65,.95);border:1px solid var(--line);box-shadow:0 16px 50px #09202c33;backdrop-filter:blur(20px);animation:menuEnter .4s var(--ease) both}.submenu:before{content:"";position:absolute;top:-24px;left:0;right:0;height:24px}.submenu a,.sub-disclosure{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;font-size:14px;color:var(--muted);line-height:1.5;border-radius:7px;text-align:left;transition:background .2s,color .2s;animation:menuItem .4s var(--ease) both}.submenu a:nth-child(2){animation-delay:.06s}.submenu a:hover,.submenu a.active,.sub-disclosure:hover{background:#d5f3ea10;color:var(--ink)}.submenu svg{width:17px;height:17px}.submenu .chevron{width:13px;height:13px}.submenu.level-three{position:static;margin:4px 0 3px 20px;min-width:0;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 9px;box-shadow:none;background:transparent;backdrop-filter:none}.level-three:before{display:none}#contact-menu{left:195px}.main{min-width:0;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0 0;font-size:12px;color:var(--subtle);letter-spacing:1px;animation:fadeIn 1s .2s both}.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:400;color:var(--muted);letter-spacing:1px}.topbar-right{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:0}.hello-status{display:flex;align-items:center;gap:8px}.hello-status i{width:5px;height:5px;background:#c1dfc4;border-radius:50%;box-shadow:0 0 12px #c1dfc499}.date{opacity:.8}.page{min-height:66vh;animation:pageEnter .75s var(--ease) both}.hero{display:flex;position:relative;align-items:center;min-height:clamp(500px,65vh,680px);padding:32px 0 40px}.hero-copy{max-width:670px;position:relative;z-index:1}.hero-identity{display:flex;gap:16px;align-items:center;animation:contentIn .8s .15s var(--ease) both}.avatar-wrap{position:relative;flex-shrink:0}.avatar{border-radius:50%;object-fit:cover;border:1px solid #effcf366;box-shadow:0 0 0 5px #effcf309;display:block}.avatar-wrap i{position:absolute;width:9px;height:9px;background:#bee2c4;border:2px solid #344e58;bottom:1px;right:1px;border-radius:50%}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--subtle);line-height:1.7}.hero-identity>div>span{font-size:14px;color:var(--muted);letter-spacing:2px;margin-top:4px;display:block}.hero h1{font-size:clamp(65px,6.2vw,98px);line-height:1.25;font-weight:500;letter-spacing:6px;margin:19px 0 15px;color:#f6f5e7;text-shadow:0 5px 50px #112f4444;display:flex;overflow:hidden}.name-letter{display:inline-block;animation:letterEnter 1.1s var(--ease) both}.name-letter:nth-child(1){animation-delay:.22s}.name-letter:nth-child(2){animation-delay:.32s}.name-letter:nth-child(3){animation-delay:.42s}.name-letter:nth-child(4){animation-delay:.52s}.name-period{color:#bddbcf;animation:fadeIn 1s .65s both;letter-spacing:0}.hero h2{font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:4px;animation:contentIn .9s .45s var(--ease) both}.hero-description{font-size:16px;color:var(--muted);line-height:2;margin-top:19px;letter-spacing:1px;animation:contentIn .9s .55s var(--ease) both}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;animation:contentIn .9s .65s var(--ease) both}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:14px;line-height:1.5;min-height:49px;padding:13px 23px;border-radius:8px;border:1px solid transparent;position:relative;overflow:hidden;transition:transform .5s var(--ease),background .3s,box-shadow .3s}.button svg{width:18px;height:18px;transition:transform .5s var(--ease)}.button:hover{transform:translateY(-3px)}.button:hover svg:last-child{transform:translateX(4px)}.button.primary{background:var(--button);color:var(--button-ink);box-shadow:0 7px 25px #0c242015}.button.primary:hover{background:#fbffee;box-shadow:0 10px 30px #c0e3d526}.button.secondary{background:#d9f2e507;border-color:#e5f4ef55;color:#f3f7ed;backdrop-filter:blur(12px)}.button.secondary:hover{background:#d9f2e51a}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:30px;color:var(--subtle);font-size:10px;letter-spacing:2px;animation:fadeIn 1s .85s both}.rule{height:1px;width:35px;background:var(--accent);opacity:.7}.scene-caption{position:absolute;right:3px;bottom:70px;text-align:right;animation:contentIn 1s .75s var(--ease) both;max-width:250px;filter:drop-shadow(0 3px 15px #153943);color:#f4f8ed}.caption-line{display:block;width:33px;height:1px;background:#e9f7ea99;margin:0 0 15px auto}.scene-caption p{font-size:14px;letter-spacing:3px;line-height:2}.scene-caption>span:last-child{display:block;font-size:9px;letter-spacing:1.7px;margin-top:12px;opacity:.7}.home-discover{max-width:1080px;padding-bottom:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.section-heading h3{font-size:15px;letter-spacing:2px;font-weight:400}.section-heading>span{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;color:var(--subtle)}.section-heading svg{width:14px;height:14px;transform:rotate(90deg)}.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.intro-card{position:relative;padding:25px;border-radius:14px;overflow:hidden;transition:transform .6s var(--ease),border-color .4s,background .4s;animation:cardEnter 1s var(--ease) both}.intro-card:nth-child(1){animation-delay:.65s}.intro-card:nth-child(2){animation-delay:.78s}.intro-card:nth-child(3){animation-delay:.91s}.intro-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(180px circle at var(--card-x,50%) var(--card-y,0%),#ecf3d412,transparent);opacity:0;transition:opacity .5s}.intro-card:hover{transform:translateY(-7px);border-color:#e4f7ea66;background:var(--glass-hover)}.intro-card:hover:after{opacity:1}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-icon{display:inline-grid;place-items:center;width:34px;height:34px;color:var(--accent);border-radius:9px;border:1px solid var(--line);background:#d9f3e00a}.card-icon svg{width:19px;height:19px}.card-number{font-size:11px;letter-spacing:1px;color:var(--subtle)}.intro-card h3{font-size:19px;font-weight:400;letter-spacing:2px;margin-bottom:9px}.intro-card p{font-size:14px;line-height:1.9;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--accent);margin-top:18px}.text-link svg{width:16px;height:16px;transition:transform .4s var(--ease)}.intro-card:hover .text-link svg{transform:translateX(6px)}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:23px 0 25px;border-top:1px solid var(--line);font-size:11px;letter-spacing:1px;color:var(--subtle)}footer>a{display:flex;gap:10px;align-items:center;font-size:10px}footer svg{width:14px;height:14px}
.page:not(.home-page){padding-top:54px;max-width:1120px;min-height:calc(100vh - 260px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}.page-heading .eyebrow{margin-bottom:12px}.page-heading h1{font-weight:400;font-size:clamp(24px,2.6vw,38px);letter-spacing:2px;line-height:1.55}.page-index{font-size:11px;letter-spacing:1.4px;color:var(--subtle);white-space:nowrap;margin-bottom:4px}.about-panel{display:flex;align-items:flex-start;gap:30px;padding:38px;border-radius:16px;background:var(--panel)}.about-avatar{width:100px;height:100px;flex-shrink:0;margin-top:5px}.about-panel h2{font-size:27px;font-weight:400;margin:20px 0 18px;letter-spacing:2px}.about-panel p{font-size:16px;color:var(--muted);max-width:660px;line-height:2;margin-bottom:16px}.about-panel .button{margin-top:8px}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 12px;color:var(--accent);font-size:12px;background:#e0f2e407}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.value-card{border-radius:13px;padding:25px;background:var(--panel)}.value-card>span{font-size:11px;letter-spacing:1.5px;color:var(--subtle)}.value-card h3{font-size:18px;font-weight:400;margin:12px 0 8px;letter-spacing:2px}.value-card p{font-size:14px;color:var(--muted)}.interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.interest-card{padding:35px;border-radius:16px;position:relative;background:var(--panel);overflow:hidden}.interest-number{float:right;font-size:40px;font-family:Georgia,serif;color:#d8f1e744;line-height:1}.interest-card h2{font-size:25px;letter-spacing:2px;font-weight:400;margin:25px 0 17px}.interest-card p{font-size:16px;color:var(--muted);line-height:2;max-width:660px}.interest-card.wide{grid-column:1/-1}.feature-panel{padding:45px;border-radius:16px;min-height:420px;position:relative;overflow:hidden;background:var(--panel)}.feature-panel h2{font-size:30px;font-weight:400;letter-spacing:2px;margin:25px 0 18px}.feature-panel p{font-size:16px;color:var(--muted);line-height:2;position:relative;z-index:1}.feature-panel .button{margin-top:30px;position:relative;z-index:1}.code-art{position:absolute;font:22px/2 monospace;right:25px;bottom:25px;color:#cbe8dd2b;transform:rotate(-5deg);pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-card{padding:35px;border-radius:16px;background:var(--panel)}.contact-card .pill{float:right}.contact-card h2{font-size:32px;letter-spacing:1px;font-weight:400;margin:27px 0 16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.contact-card p{font-size:16px;color:var(--muted);line-height:2}.contact-card .button{margin-top:25px}.quote-strip{display:flex;align-items:center;gap:15px;padding:20px 27px;border-radius:12px;margin-top:24px}.quote-mark{font-family:Georgia,serif;font-size:38px;line-height:1;height:26px;color:var(--accent)}.quote-strip p{font-size:14px;letter-spacing:1px;color:var(--muted)}.quote-end{font-size:10px;color:var(--subtle);letter-spacing:1.5px;margin-left:auto;white-space:nowrap}.page.active .page-heading{animation:contentIn .85s .1s var(--ease) both}.page.active .about-panel,.page.active .feature-panel,.page.active .contact-card,.page.active .interest-card{animation:cardEnter .85s .2s var(--ease) both}.page.active .interest-card:nth-child(2),.page.active .contact-card:nth-child(2){animation-delay:.32s}.page.active .interest-card:nth-child(3){animation-delay:.44s}.page.active .values-grid{animation:cardEnter .9s .32s var(--ease) both}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);opacity:0;visibility:hidden;padding:13px 22px;max-width:90vw;text-align:center;background:#edf3e9;color:#294650;box-shadow:0 10px 40px #10283144;border-radius:10px;font-size:14px;transition:transform .4s var(--ease),opacity .4s;z-index:100}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog{padding:34px;border:1px solid var(--line);border-radius:16px;background:#1e4152;color:var(--ink);max-width:calc(100vw - 40px);box-shadow:0 30px 100px #14283155}dialog::backdrop{background:#10293999;backdrop-filter:blur(9px)}dialog h2{font-size:23px;font-weight:400;margin:20px 0 12px}dialog p{font-size:16px;color:var(--muted);margin-bottom:24px}.dialog-close{position:absolute;right:10px;top:10px}.mobile-menu,.nav-scrim{display:none}.noscript-note{position:fixed;bottom:0;padding:10px;background:#284d5c;width:100%;text-align:center}.page-wipe{position:fixed;inset:0;background:#aac4ce0d;backdrop-filter:blur(5px);z-index:25;pointer-events:none;opacity:0}.page-wipe.switching{animation:wipe .65s var(--ease) both}
body.light{--glass:rgba(227,242,238,.25);--glass-hover:rgba(220,238,234,.43);--line:rgba(228,249,239,.42);--panel:rgba(23,56,68,.56);--muted:#dfebe4;--subtle:#c4d9d9;--accent:#d4efdf}body.light .scene-shade{background:linear-gradient(90deg,rgba(19,51,67,.54),rgba(18,55,73,.16) 52%,transparent 82%),linear-gradient(0deg,rgba(11,40,51,.55),transparent 60%)}body.light .submenu{background:rgba(36,73,84,.95)}body.light .scene-image{filter:saturate(.93) brightness(1.04)}
@keyframes sceneEnter{from{opacity:.2;filter:blur(5px);scale:1.03}to{opacity:1;filter:blur(0);scale:1}}@keyframes navEnter{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes letterEnter{from{opacity:0;transform:translateY(110%) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes contentIn{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cardEnter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes menuEnter{from{opacity:0;transform:translateY(-9px) scale(.98);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(-100px)}}@keyframes menuItem{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes drift{0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.5}75%{opacity:.3}100%{opacity:0;transform:translate3d(45px,-100vh,0)}}@keyframes wipe{0%,100%{opacity:0}20%{opacity:1}}
@media(min-width:1500px){.hero{min-height:680px}.home-discover{max-width:1140px}.hero h1{font-size:104px}.hero-description{font-size:18px}.intro-card{padding:30px}.intro-card p{font-size:16px}}
@media(max-width:1150px){.site-shell{padding:24px 38px 0}.sidebar{padding:13px 17px;gap:15px}.navigation{gap:0}.nav-item{padding:10px 12px}.brand{font-size:17px}.brand small{font-size:9px}.sidebar-bottom{gap:12px}.nav-contact{font-size:12px}.hero h1{font-size:76px}.scene-caption{right:0;bottom:60px}.hero-copy{max-width:610px}.home-discover{max-width:none}.intro-card{padding:22px}.intro-card p br{display:none}.page-index{display:none}.about-panel{padding:30px;gap:25px}}
@media(max-width:850px){.site-shell{padding:20px 28px 0}.sidebar{gap:10px}.brand{font-size:16px;gap:8px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:27px}.brand-mark svg{width:26px;height:26px}.nav-item{font-size:13px;padding:10px}.sidebar-bottom{gap:8px}.nav-contact,.nav-divider{display:none}.hero{min-height:560px}.hero h1{font-size:68px}.hero-copy{max-width:520px}.hero-description{max-width:360px}.scene-caption{display:none}.scene-image{object-position:58% 50%}.scene-shade{background:linear-gradient(90deg,#0b273cbb,#112d4380 55%,#13354633),linear-gradient(0deg,#102e43b3,transparent 60%)}.intro-grid{gap:12px}.intro-card{padding:20px}.intro-card p{font-size:14px}.intro-card h3{font-size:18px}.contact-card{padding:27px}.contact-card h2{font-size:27px}.values-grid{gap:12px}.value-card{padding:22px}.value-card p{font-size:14px}.about-avatar{width:80px;height:80px}.quote-end{display:none}.topbar-right .date{display:none}.feature-panel h2{font-size:26px}}
@media(max-width:650px){.site-shell{padding:22px 22px 0}.sidebar{position:fixed;top:12px;left:12px;bottom:12px;width:min(290px,calc(100vw - 40px));padding:28px 22px;display:flex;flex-direction:column;justify-content:flex-start;gap:25px;background:rgba(24,57,71,.96);border-radius:15px;overflow-y:auto;transform:translateX(-110%);visibility:hidden;pointer-events:none;transition:transform .5s var(--ease),visibility .5s;animation:none;z-index:50}.nav-open .sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}.brand{font-size:19px;align-self:flex-start;margin-top:4px}.brand small{font-size:10px;letter-spacing:1.5px}.brand-mark{width:32px}.brand-mark svg{width:32px;height:32px}.navigation{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;margin:0}.nav-item{justify-content:flex-start;font-size:16px;padding:14px 12px}.nav-item.active{background:#e4f3e80a}.nav-item.active:after{left:0;width:2px;height:16px;top:50%;bottom:auto;transform:translateY(-50%)}.submenu{position:static;min-width:0;box-shadow:none;background:transparent;backdrop-filter:none;border:0;border-left:1px solid var(--line);border-radius:0;margin:0 0 8px 21px;padding:0 0 0 9px;animation:contentIn .4s var(--ease) both}.submenu:before{display:none}.submenu a,.sub-disclosure{font-size:14px;padding:12px 9px}.submenu.level-three{margin-left:19px}.sidebar-bottom{margin-top:auto;width:100%;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}.nav-contact{display:flex;font-size:14px}.theme-label{position:static;clip-path:none;width:auto;height:auto;font-size:13px}.theme-toggle{display:flex;gap:9px;width:auto;border-radius:6px;padding:8px}.mobile-menu{display:grid;position:absolute;top:21px;right:21px;z-index:40;width:42px;height:42px;border-radius:10px}.nav-open .nav-scrim{display:block;position:fixed;inset:0;z-index:45;background:#10263380;backdrop-filter:blur(5px)}.topbar{padding:7px 48px 0 0;min-height:40px;font-size:10px;margin-bottom:20px}.topbar-right{display:none}.breadcrumb{gap:9px}.breadcrumb strong{font-size:11px}.hero{min-height:565px;padding:45px 0 32px;align-items:flex-start}.hero-copy{width:100%}.hero-identity{gap:14px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-identity>div>span{font-size:13px}.avatar-wrap .avatar{width:47px;height:47px}.hero h1{font-size:clamp(47px,13.1vw,74px);letter-spacing:2px;margin:25px 0 21px}.hero h2{font-size:20px;letter-spacing:2px}.hero-description{font-size:16px;letter-spacing:0;line-height:2;margin-top:22px;max-width:300px}.hero-actions{gap:12px;margin-top:30px}.button{padding:13px 18px;gap:10px;font-size:14px;min-height:47px}.hero-footnote{font-size:9px;letter-spacing:1.4px;margin-top:30px;gap:10px}.rule{width:25px}.scene-image{object-position:58% 32%}.scene-shade{background:linear-gradient(90deg,#092c40b5,#092d4466 75%,#0b2c4033),linear-gradient(0deg,#0d2e40e6,transparent 88%)}body.light .scene-shade{background:linear-gradient(90deg,#14374c99,#143d5644),linear-gradient(0deg,#102d40bb,transparent 88%)}.home-discover{padding-bottom:0}.section-heading{margin-bottom:17px}.section-heading h3{font-size:14px;letter-spacing:1px}.section-heading>span{font-size:8px;letter-spacing:1px}.section-heading svg{width:12px}.intro-grid{grid-template-columns:1fr;gap:13px}.intro-card{padding:23px 24px;display:grid;grid-template-columns:42px 1fr;column-gap:14px}.card-top{grid-row:1/4;align-items:flex-start;position:relative;margin:0}.card-number{position:absolute;left:9px;top:45px;font-size:10px}.intro-card h3{font-size:18px;letter-spacing:2px}.intro-card p{font-size:15px;line-height:1.9}.intro-card .text-link{font-size:12px;margin-top:12px}.page:not(.home-page){padding-top:25px;min-height:calc(100vh - 190px)}.page-heading{margin-bottom:25px}.page-heading h1{font-size:25px;letter-spacing:1px}.page-heading .eyebrow{font-size:10px}.about-panel{padding:26px;display:block}.about-avatar{width:90px;height:90px;margin-bottom:24px}.about-panel h2{font-size:25px;margin-top:20px}.about-panel p{font-size:16px}.values-grid,.interest-grid,.contact-grid{grid-template-columns:1fr;gap:15px}.value-card{padding:25px}.value-card p{font-size:16px}.interest-card{padding:28px}.interest-card h2{font-size:24px}.interest-card p{font-size:16px}.feature-panel{padding:28px;min-height:440px}.feature-panel h2{font-size:26px;letter-spacing:1px}.feature-panel p{font-size:16px}.code-art{font-size:17px;bottom:24px;right:16px}.contact-card{padding:29px}.contact-card h2{font-size:29px}.contact-card p br{display:none}.quote-strip{padding:20px;gap:10px}.quote-strip p{font-size:14px;letter-spacing:0}footer{margin-top:28px;flex-wrap:wrap;font-size:10px;gap:12px;line-height:1.5}footer>a{font-size:9px}footer>span:nth-child(2){display:none}dialog{padding:28px}.toast{font-size:14px}.page-wipe{z-index:35}}
.quick-links{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-links .intro-card{padding:23px 20px}.quick-links .intro-card:nth-child(4){animation-delay:1.04s}.navigation>.disclosure>svg{width:13px;height:13px;transition:transform .3s}.navigation>.disclosure[aria-expanded="true"]>svg{transform:rotate(180deg)}#games-menu{left:150px;min-width:200px}#tools-menu{left:248px;min-width:200px}.navigation>.disclosure.active{color:var(--ink)}.workspace{border-radius:17px;background:var(--panel);overflow:hidden}.workspace-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:17px 24px;background:#d5eee705}.workspace-tabs>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px 22px;min-width:135px;border-radius:9px;border:1px solid transparent;line-height:1.4;font-size:16px;letter-spacing:1px;color:var(--muted);transition:background .3s,color .3s,border-color .3s}.workspace-tabs>button>span{font-size:10px;letter-spacing:1.5px;opacity:.65}.workspace-tabs>button[aria-selected="true"]{background:#d3eee410;border-color:#d3eee433;color:var(--ink)}.workspace-tabs>button:hover{background:#d3eee40b}.game-panel,.tool-panel{padding:30px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:45px;align-items:start}.game-surface{width:100%;max-width:500px;margin:auto}.score-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;font-size:14px;color:var(--muted);flex-wrap:wrap}.score-row>span:first-child{font-size:20px;color:var(--ink);letter-spacing:2px}.score-row b{font-size:18px;font-weight:500;color:var(--ink);margin-left:6px;font-variant-numeric:tabular-nums}.snake-board,.tiles-board,.tic-board{position:relative;max-width:420px;aspect-ratio:1;margin:0 auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #071f3222}.snake-board,.tiles-board{touch-action:none}.snake-board canvas{display:block;width:100%;height:100%}.board-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:#173c4980;backdrop-filter:blur(3px);font-size:20px;letter-spacing:2px;color:#f1f5de;padding:20px;text-align:center}.play-status{font-size:14px;color:var(--muted);text-align:center;margin-top:18px;min-height:25px;line-height:1.7}.play-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:18px}.game-guide{padding:22px 0 0;font-size:15px;color:var(--muted)}.mini-kicker{font-size:11px;letter-spacing:2px;color:var(--subtle)}.game-guide h2{font-size:24px;font-weight:400;letter-spacing:1px;margin:15px 0}.game-guide p{font-size:16px;line-height:2}.game-guide dl{margin:28px 0;line-height:1.8}.game-guide dt{font-size:14px;color:var(--accent);margin-top:19px}.game-guide dd{margin:7px 0;font-size:14px}.help-note{display:block;font-size:12px;line-height:1.8;border-top:1px solid var(--line);padding-top:18px;color:var(--subtle)}.direction-pad{display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,39px);justify-content:center;gap:5px;margin:19px auto 0}.direction-button{border:1px solid var(--line);border-radius:7px;background:#d4eee409;display:grid;place-items:center}.direction-button:hover{background:#d4eee422}.direction-button.up{grid-column:2}.direction-button.left{grid-row:2;grid-column:1}.direction-button.down{grid-row:2;grid-column:2}.direction-button.right{grid-row:2;grid-column:3}.direction-button.up svg{transform:rotate(-90deg)}.direction-button.down svg{transform:rotate(90deg)}.direction-button.left svg{transform:rotate(180deg)}.tiles-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:11px;background:#153b49}.tile{display:grid;place-items:center;border-radius:7px;background:#e3f3e40a;color:#f1f5de;font-size:36px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;min-width:0;transition:background .2s}.tile[data-value="2"]{background:#dce6db;color:#354e54}.tile[data-value="4"]{background:#c2d8d1;color:#354e54}.tile[data-value="8"]{background:#95c4bd;color:#203f48}.tile[data-value="16"]{background:#75aca9;color:#f6f8ea}.tile[data-value="32"]{background:#558c96}.tile[data-value="64"]{background:#3c7185}.tile[data-value="128"]{background:#c9b98a;color:#303f47;font-size:29px}.tile[data-value="256"]{background:#cfaa75;color:#303f47;font-size:29px}.tile[data-value="512"]{background:#d59763;color:#303f47;font-size:29px}.tile[data-value="1024"],.tile[data-value="2048"]{background:#e4cd84;color:#303f47;font-size:25px}.tile:not([data-value="0"]):not([data-value="2"]):not([data-value="4"]):not([data-value="8"]):not([data-value="16"]):not([data-value="32"]):not([data-value="64"]):not([data-value="128"]):not([data-value="256"]):not([data-value="512"]):not([data-value="1024"]):not([data-value="2048"]){background:#e7d8a0;color:#303f47;font-size:22px}.tic-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:11px;background:#153b49}.tic-cell{background:#e3f3e40a;border:1px solid #d2e5dd11;border-radius:8px;min-width:0;font:500 65px/1 var(--font);color:var(--accent)}.tic-cell:not(:disabled):hover{background:#e3f3e419}.tic-cell[data-mark="O"]{color:#e3c6a0}.tic-cell.winner{background:#b9d8bc28;border-color:#b9d8bc55}.tic-cell:disabled{cursor:default}.score-row label{font-size:12px;display:flex;align-items:center;gap:9px}.hub-page input,.hub-page textarea,.hub-page select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#16394788;padding:12px 14px;min-width:0;max-width:100%;outline:none}.hub-page input:focus,.hub-page textarea:focus,.hub-page select:focus{border-color:#b6dedc;box-shadow:0 0 0 3px #b6dedc16}.hub-page select{font-size:14px;padding:8px 12px;cursor:pointer;color-scheme:dark}.hub-page select option{background:#1c4051;color:#f4f5eb}.tool-heading{margin-bottom:25px}.tool-heading h2{font-size:25px;font-weight:400;letter-spacing:2px;margin-bottom:7px}.tool-heading p{color:var(--muted);font-size:15px;line-height:1.9}.calculator{max-width:420px;margin:auto}.field-label{display:block;font-size:14px;color:var(--muted);margin-bottom:9px}.calculator input{width:100%;font-size:20px;padding:18px;text-align:right;letter-spacing:1px}.calculator output{display:block;text-align:right;font-size:25px;color:var(--accent);padding:14px 6px;min-height:67px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.error{color:#f1bdad!important;font-size:16px!important}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.calc-keys button{padding:15px 10px;border:1px solid var(--line);background:#e7f3e308;border-radius:8px;font-size:20px;line-height:1.6;transition:background .2s}.calc-keys button:hover{background:#e7f3e31c}.calc-keys button.calc-action{background:#b7dccc15;color:var(--accent)}.calc-keys button.calc-equals{grid-column:1/-1;font-size:16px;background:var(--button);color:var(--button-ink);margin-top:4px}.conversion-form{max-width:850px;margin:auto}.conversion-form label{display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:14px}.conversion-form>label{max-width:280px;margin-bottom:25px}.conversion-form select{min-height:47px}.conversion-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto minmax(0,1fr);gap:15px;align-items:end}.conversion-row input{width:100%;min-height:47px}.conversion-row .button{min-height:47px;padding:12px 18px}.tool-result{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#e4f3e409;display:flex;flex-direction:column;gap:9px}.tool-result>span{font-size:13px;color:var(--muted)}.tool-result output{font-size:32px;color:var(--accent);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tool-panel textarea{width:100%;resize:vertical;min-height:180px;line-height:1.9;font-size:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}.stat-grid>div{border:1px solid var(--line);border-radius:9px;padding:18px;background:#e4f3e406;text-align:center;min-width:0}.stat-grid strong{display:block;font-size:30px;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-grid span{font-size:12px;color:var(--muted)}.timer-modes{display:flex;justify-content:center;gap:12px;margin-top:30px}.timer-modes button{padding:10px 20px;border:1px solid var(--line);border-radius:25px;color:var(--muted);font-size:14px}.timer-modes button.active{color:var(--ink);background:#dcf0d715;border-color:#dcf0d744}.timer-face{text-align:center;margin:35px 0;color:var(--muted)}.timer-face>span{font-size:14px}.timer-face output{display:block;font-size:clamp(66px,10vw,110px);line-height:1.5;font-weight:300;color:var(--ink);letter-spacing:5px;font-variant-numeric:tabular-nums}.timer-face p{font-size:14px}.tool-tabs>button{min-width:130px}.hub-page .page-heading{margin-bottom:24px}.hub-page .game-panel,.hub-page .tool-panel{animation:contentIn .45s var(--ease)}.hub-page .play-actions .button{font-size:14px}
@media(max-width:1150px){.navigation{gap:0}.nav-item{padding:10px 11px}.sidebar-bottom{margin-left:0}.quick-links{grid-template-columns:repeat(2,1fr)}#games-menu{left:125px}#tools-menu{left:215px}.play-layout{grid-template-columns:minmax(0,1fr) 210px;gap:28px}.workspace-tabs{padding:15px 18px}.workspace-tabs>button{padding:12px 17px;min-width:115px}.tool-tabs>button{min-width:115px}.game-panel,.tool-panel{padding:27px}}
@media(max-width:850px){.sidebar{gap:8px}.brand small{letter-spacing:.6px}.navigation>.nav-item{padding:10px 9px;font-size:12px}.play-layout{grid-template-columns:1fr;gap:20px}.game-guide{border-top:1px solid var(--line);padding-top:20px}.game-guide dl{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:20px 0}.game-guide dt,.game-guide dd{margin:0}.workspace-tabs{gap:5px}.workspace-tabs>button{min-width:0;flex:1;padding:12px;font-size:14px}.workspace-tabs>button>span{font-size:8px;letter-spacing:1px}.conversion-row{grid-template-columns:1fr 1fr}.conversion-row>.button{grid-column:1;grid-row:3}.conversion-row>label:first-child{grid-column:1/-1}.conversion-row>label:last-child{grid-column:2;grid-row:2}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.quick-links{grid-template-columns:1fr}.quick-links .intro-card{padding:23px 24px}.navigation>.nav-item{font-size:16px;padding:14px 12px}#games-menu,#tools-menu{left:auto;min-width:0}.navigation>.disclosure>svg{margin-left:auto}.sidebar-bottom{margin-left:0}.game-panel,.tool-panel{padding:22px 18px}.workspace-tabs{padding:13px 10px;gap:4px}.workspace-tabs>button{padding:11px 8px;font-size:14px;letter-spacing:0}.workspace-tabs>button>span{font-size:8px;letter-spacing:.7px}.tool-tabs{flex-wrap:wrap}.tool-tabs>button{flex:0 0 calc(50% - 3px);font-size:15px;padding:12px}.play-layout{gap:20px}.score-row{font-size:12px;margin-bottom:14px}.score-row>span:first-child{font-size:18px}.score-row b{font-size:16px;margin-left:3px}.score-row label{font-size:12px;gap:7px}.score-row select{font-size:12px;padding:7px}.tiles-board,.tic-board{padding:9px;gap:7px}.tile{font-size:28px}.tile[data-value="128"],.tile[data-value="256"],.tile[data-value="512"]{font-size:23px}.tile[data-value="1024"],.tile[data-value="2048"]{font-size:18px}.tic-cell{font-size:48px}.play-status{font-size:13px}.board-overlay{font-size:17px;letter-spacing:1px}.game-guide h2{font-size:22px}.game-guide p{font-size:15px}.game-guide dl{grid-template-columns:1fr 1.8fr}.direction-pad{grid-template-columns:repeat(3,49px);grid-template-rows:repeat(2,43px)}.tool-heading h2{font-size:23px}.tool-heading p{font-size:14px}.calculator input{font-size:17px;padding:15px}.calc-keys{gap:7px}.calc-keys button{padding:12px 8px;font-size:19px}.conversion-row{gap:12px}.conversion-row label{font-size:13px}.tool-result{padding:20px;margin-top:23px}.tool-result output{font-size:27px}.stat-grid{gap:9px}.stat-grid>div{padding:14px 8px}.stat-grid strong{font-size:27px}.stat-grid span{font-size:11px}.timer-modes{gap:8px}.timer-modes button{padding:10px 12px;font-size:12px}.timer-face>span{font-size:13px}.timer-face output{font-size:68px;letter-spacing:3px}.hub-page .page-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ambient{display:none}.scene-image{transform:scale(1.045)}.page-wipe{display:none}}