@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter/inter-var-latin.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}:root{--font-sans: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #f4f6fa;--bg-elev: #ffffff;--bg-soft: #eef1f6;--surface: #ffffff;--surface-soft: #f7f9fc;--border: #e4e8ef;--border-strong: #d3d9e2;--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--brand: #3057ff;--brand-600: #2246e3;--brand-500: #3057ff;--brand-100: #e5ecff;--brand-50: #f1f4ff;--accent: #ffb300;--danger: #e3342f;--success: #15a34a;--warn: #f59e0b;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 6px 24px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .09);--container: 1180px;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:light}:root[data-theme=dark]{--bg: #0b1220;--bg-elev: #111a2e;--bg-soft: #0e1526;--surface: #141d34;--surface-soft: #101a2f;--border: #1e2946;--border-strong: #2a3858;--text: #eef2ff;--text-soft: #c4cbe0;--text-muted: #8893b2;--brand: #7a93ff;--brand-600: #5d78f0;--brand-500: #7a93ff;--brand-100: #1c2853;--brand-50: #172047;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 10px 32px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);color-scheme:dark}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-xs)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.app-header{position:relative;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}.app-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:64px}.app-title{margin:0;text-align:center;font-size:clamp(1.05rem,2.3vw,1.4rem);font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.app-header__actions{display:inline-flex;align-items:center;gap:8px;justify-self:end}.icon-btn{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;color:var(--text-soft);border:1px solid var(--border);background:var(--surface);transition:background .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}.icon-btn:hover{background:var(--surface-soft);color:var(--text)}.icon-btn svg{width:18px;height:18px}.menu-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600}.menu-btn:hover{background:var(--surface-soft)}.menu-btn svg{width:18px;height:18px}.lang-wrap{position:relative}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow-lg);display:none;max-height:340px;overflow-y:auto}.lang-wrap.open .lang-menu{display:block}.lang-menu a{display:block;padding:8px 12px;border-radius:8px;color:var(--text);font-weight:500;font-size:.95rem}.lang-menu a:hover{background:var(--surface-soft);text-decoration:none}.lang-menu a[aria-current=true]{background:var(--brand-50);color:var(--brand-600)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c1873;opacity:0;pointer-events:none;transition:opacity .25s var(--ease);z-index:50}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;width:min(320px,88vw);left:calc(-1*min(320px,88vw) - 20px);background:var(--bg-elev);border-right:1px solid var(--border);transition:left .32s var(--ease),right .32s var(--ease);z-index:60;display:flex;flex-direction:column}[dir=rtl] .drawer{left:auto;right:calc(-1*min(320px,88vw) - 20px);border-right:0;border-left:1px solid var(--border)}.drawer.open{left:0}[dir=rtl] .drawer.open{left:auto;right:0}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer__head h2{margin:0;font-size:1.05rem;font-weight:700}.drawer__body{padding:16px;overflow-y:auto;flex:1}.nav-group__label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:14px 10px 8px;font-weight:700}.nav-list{list-style:none;padding:0;margin:0 0 8px}.nav-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--text);font-weight:500;font-size:.95rem}.nav-list a:hover{background:var(--surface-soft);text-decoration:none}.nav-list a.active{background:var(--brand-50);color:var(--brand-600)}.nav-list a .ico{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--brand);flex:0 0 auto}.nav-list a.active .ico{background:var(--brand);color:#fff}.nav-list a .ico svg{width:16px;height:16px}.main{padding:40px 0 64px}.page-header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;text-align:center;max-width:720px;margin-inline:auto}.page-header h1{font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,2.6rem);line-height:1.1;margin:0;letter-spacing:-.02em;font-weight:800}.page-header p{color:var(--text-muted);font-size:1.05rem;margin:0}h2{font-size:clamp(1.3rem,2.5vw,1.6rem);letter-spacing:-.01em;margin:32px 0 12px;font-weight:700}h3{font-size:1.1rem;margin:20px 0 8px;font-weight:700}p{margin:0 0 12px;color:var(--text-soft)}.prose{max-width:780px;margin:0 auto;color:var(--text-soft)}.prose>h2:first-child{margin-top:0}.prose h2{color:var(--text)}.prose p{font-size:1.02rem;line-height:1.7;margin:0 0 14px}.prose ul,.prose ol{margin:0 0 16px;padding:0;list-style:none}.prose ul li,.prose ol li{position:relative;padding:10px 14px 10px 40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;line-height:1.55;color:var(--text-soft);font-size:1rem}.prose ul li strong,.prose ol li strong{color:var(--text);font-weight:700}.prose ul li:before{content:"";position:absolute;top:50%;left:16px;width:8px;height:8px;background:var(--brand);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 4px var(--brand-50)}.prose ol{counter-reset:ol}.prose ol li{counter-increment:ol}.prose ol li:before{content:counter(ol);position:absolute;top:50%;left:10px;width:22px;height:22px;background:var(--brand);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;transform:translateY(-50%)}[dir=rtl] .prose ul li,[dir=rtl] .prose ol li{padding:10px 40px 10px 14px}[dir=rtl] .prose ul li:before,[dir=rtl] .prose ol li:before{left:auto;right:16px}[dir=rtl] .prose ol li:before{right:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.card--flat{box-shadow:none}.card--padded{padding:32px}.stack{display:flex;flex-direction:column;gap:16px}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 820px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.95rem;line-height:1;transition:background .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);border:1px solid transparent;white-space:nowrap}.btn svg{width:16px;height:16px}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 32%,transparent)}.btn--primary:hover{background:var(--brand-600);color:#fff;text-decoration:none}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--surface-soft);text-decoration:none}.btn--danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.btn--danger:hover{background:color-mix(in srgb,var(--danger) 18%,transparent);text-decoration:none}.btn--success{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,transparent)}.btn--block{width:100%}.btn--lg{padding:16px 28px;font-size:1rem;border-radius:14px}.btn--sm{padding:8px 14px;font-size:.88rem;border-radius:10px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-600)}.alert{padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);display:flex;gap:12px;align-items:flex-start;font-size:.95rem}.alert strong{color:var(--text);display:block;margin-bottom:2px}.alert--info{background:var(--brand-50);color:var(--brand-600);border-color:color-mix(in srgb,var(--brand) 20%,transparent)}.alert--info strong{color:var(--brand-600)}.alert--warn{background:color-mix(in srgb,var(--warn) 15%,transparent);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:#8a5b04}.alert--danger{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.alert__icon{flex:0 0 auto}.compass-stage{display:flex;flex-direction:column;align-items:center;padding:16px 8px 8px;gap:18px}.compass-wrap{width:min(620px,88vw);aspect-ratio:1/1;position:relative;touch-action:none}.compass-stage--hero{padding-top:8px}.compass-stage--hero .compass-wrap{width:min(680px,90vw)}.compass-rose{width:100%;height:100%;transform-origin:50% 50%;transition:transform .1s linear;filter:drop-shadow(0 18px 28px rgba(15,23,42,.14))}[data-theme=dark] .compass-rose{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}.compass-readout{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 0 4px}.compass-readout .deg{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,3.6rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;color:var(--text)}.compass-readout .dir{font-size:1.15rem;letter-spacing:.3em;color:var(--brand);font-weight:700;text-transform:uppercase}.level-stage{display:grid;place-items:center;padding:16px 0 8px;gap:24px;overflow:visible}.level-arena{position:relative;width:min(380px,82vw);max-width:100%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#d7f2b9,#b9e290 52%,#8fc75a);box-shadow:inset 0 0 0 6px #00000014,inset 0 20px 36px #0000002e,0 30px 60px #0f172a24;overflow:hidden;transition:background .25s var(--ease)}.level-arena.level{background:radial-gradient(circle at 50% 50%,#a8f0c5,#5fd597 52%,#17a04a)}[data-theme=dark] .level-arena{background:radial-gradient(circle at 50% 50%,#6b9a3c,#4e7c2b 52%,#35621a);box-shadow:inset 0 0 0 6px #0006,inset 0 20px 36px #0006,0 30px 60px #0009}[data-theme=dark] .level-arena.level{background:radial-gradient(circle at 50% 50%,#3dbb77,#1a9d4e 52%,#0f7b3a)}.level-arena:before,.level-arena:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(0,0,0,.18);top:50%;left:50%;transform:translate(-50%,-50%)}.level-arena:before{width:66%;height:66%}.level-arena:after{width:33%;height:33%}.level-crosshair-h,.level-crosshair-v{position:absolute;background:#00000040}.level-crosshair-h{top:50%;left:0;right:0;height:1px}.level-crosshair-v{left:50%;top:0;bottom:0;width:1px}.level-bubble{width:56px;height:56px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95),rgba(255,255,255,.45) 40%,rgba(255,255,255,.15) 70%,transparent 100%),#ffffffd9;box-shadow:inset 0 4px 8px #ffffffb3,inset 0 -4px 8px #0000001a,0 2px 6px #00000026;transition:top .12s var(--ease),left .12s var(--ease);pointer-events:none}.level-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(480px,100%);text-align:center}.level-stat{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.level-stat .v{font-family:var(--font-display);font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.level-stat .l{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:4px}.speedo-stage{display:grid;place-items:center;padding:8px 0 12px;gap:16px;position:relative}.speedo-wrap{width:min(520px,88vw);aspect-ratio:1/1;position:relative;max-width:100%}.speedo-svg{width:100%;height:100%}.speedo-needle{transition:transform .35s cubic-bezier(.2,.7,.3,1)}.speedo-digital{position:absolute;inset:auto 0 24% 0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.speedo-digital .v{font-family:var(--font-display);font-size:clamp(3rem,8vw,4.8rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}.speedo-digital .u{font-size:1rem;color:var(--text-muted);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 680px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px}.stat__label{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;display:flex;align-items:center;gap:8px}.stat__value{font-family:var(--font-display);font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text)}.stat__sub{color:var(--text-muted);font-size:.85rem}.kv{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:8px 16px;padding:8px 0;border-top:1px solid var(--border);align-items:baseline}.kv:first-of-type{border-top:0}.kv dt{color:var(--text-muted);font-weight:600}.kv dd{margin:0;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.hidden{display:none!important}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.code-block{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);word-break:break-all}.feature-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.feature h3{margin-top:0;margin-bottom:6px;font-size:1rem}.feature p{margin:0;color:var(--text-muted);font-size:.92rem}.feature__icon{width:36px;height:36px;border-radius:10px;background:var(--brand-50);color:var(--brand);display:grid;place-items:center;margin-bottom:10px}.feature__icon svg{width:18px;height:18px}details.faq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}details.faq+details.faq{margin-top:10px}details.faq summary{cursor:pointer;font-weight:600;list-style:none;position:relative;padding-right:32px;color:var(--text)}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";position:absolute;right:0;top:-2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--text-muted);transition:transform .25s var(--ease);font-size:18px;font-weight:400;line-height:1}details.faq[open] summary:after{content:"–"}details.faq p{margin:10px 0 0;color:var(--text-muted)}.map-embed{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius);background:var(--surface-soft);display:block}.share-section{padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.share-section h2{margin:0 0 16px;font-size:1.3rem;letter-spacing:-.01em}.share-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.share-btn{background:transparent;border:0;padding:0;line-height:0;cursor:pointer;border-radius:50%;display:inline-grid;place-items:center;transition:filter .2s var(--ease),box-shadow .2s var(--ease)}.share-btn:hover{filter:brightness(1.08)}.share-btn svg{display:block;width:40px;height:40px;border-radius:50%;box-shadow:0 6px 16px #0000001f}.share-btn:hover svg{box-shadow:0 10px 20px #0000002e}.share-btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.share-section__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:18px;font-size:.9rem}.share-section__foot kbd{background:var(--surface-soft);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:2px 6px;font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text)}.app-footer{padding:30px 0 50px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.app-footer .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.app-footer a{color:var(--text-soft)}.app-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:14px}.dots{display:inline-flex;gap:4px;align-items:center}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dotty 1s infinite ease-in-out;opacity:.4}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dotty{0%,60%,to{opacity:.3}30%{opacity:1}}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 8px}@media (max-width: 720px){.step-grid{grid-template-columns:1fr}}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.step-card .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:.85rem;font-weight:700;margin-right:8px}.step-card .title{display:flex;align-items:center;font-weight:600;color:var(--text)}.step-card p{margin:0;font-size:.92rem;color:var(--text-soft)}.step-card img{width:100%;height:auto;border-radius:10px;border:1px solid var(--border);background:var(--surface-soft)}.switch-row{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-weight:600;font-size:.95rem}.switch{position:relative;width:44px;height:26px;background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background .22s var(--ease);flex:0 0 auto}.switch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.switch input:checked+.switch-track{background:var(--brand)}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--border-strong);transition:background .22s var(--ease)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left .22s var(--ease)}.switch input:checked+.switch-track:after{left:21px}.location-callout{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;color:var(--text);text-align:center}.location-callout .coords{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.location-callout a{font-weight:600}.toast{position:fixed;bottom:24px;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100vw - 32px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s var(--ease);z-index:1000}.toast.show{opacity:1}.sensor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:color-mix(in srgb,var(--bg) 85%,transparent);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:10px}.not-found{text-align:center;max-width:620px;margin:24px auto 40px}.not-found__art{position:relative;width:min(380px,80vw);aspect-ratio:1/1;margin:0 auto 28px}.not-found__art .compass-rose{width:100%;height:100%}.not-found__code{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(3.2rem,8vw,5rem);font-weight:800;letter-spacing:-.04em;color:var(--text);text-shadow:0 2px 16px color-mix(in srgb,var(--bg) 70%,transparent);pointer-events:none}.not-found__body h2{margin:0 0 10px;font-size:clamp(1.3rem,2.5vw,1.6rem)}.not-found__body p{max-width:520px;margin:0 auto 20px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}