h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root *,:root *:before,:root *:after{box-sizing:border-box}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1200px){.container{max-width:1200px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}*,*:before,*:after{box-sizing:border-box}:root{--text: #e5e7eb;--muted: #94a3b8;--card: #0f172a;--brand-1: #5b9dff;--brand-2: #7af1ff;--radius: 14px}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);background:color-mix(in oklab,#0b1220 70%,#101935 30%);border-bottom:1px solid rgba(255,255,255,.06);color:var(--text)}.site-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#7c4dff,#5b9dff,#7af1ff);opacity:.18;mask:linear-gradient(#000,rgba(0,0,0,0))}.site-header__inner{display:flex;align-items:center;gap:24px;padding:12px 20px;max-width:1100px;margin-inline:auto}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.logo__dot{width:12px;height:12px;border-radius:50%;background:conic-gradient(from 180deg,#7c4dff,#5b9dff,#7af1ff,#7c4dff);box-shadow:0 0 20px color-mix(in oklab,var(--brand-2) 60%,transparent)}.logo__text{font-weight:700;letter-spacing:.2px}.logo__accent{color:var(--brand-2)}.nav{margin-left:auto}.nav__list{display:flex;gap:20px;list-style:none;padding:0;margin:0}.nav__link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--text);transition:.2s ease;box-shadow:0 2px 10px #00000014}.nav__link:is(:hover,:focus-visible){background:color-mix(in oklab,#5b9dff 12%,transparent);outline:none}.actions{display:flex;gap:12px;margin-left:16px}.btn{appearance:none;border:0;cursor:pointer;font-weight:600;font-size:15px;padding:10px 16px;border-radius:12px;transition:.2s ease}.btn--primary{color:#0b1220;background:linear-gradient(135deg,var(--brand-2),var(--brand-1));box-shadow:0 6px 20px #5a9cff59}.btn--primary:is(:hover,:focus-visible){transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.12)}.btn--ghost:is(:hover,:focus-visible){background:color-mix(in oklab,#fff 6%,transparent)}.btn--block{width:100%}.burger{display:none;margin-left:auto;width:44px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:transparent;position:relative}.burger span{position:absolute;left:9px;right:9px;height:2px;background:#e5e7eb;transition:.25s}.burger span:nth-child(1){top:11px}.burger span:nth-child(2){top:18px}.burger span:nth-child(3){top:25px}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile{display:none;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);background:color-mix(in oklab,#0b1220 80%,#0f172a 20%)}.mobile[hidden]{display:none}.mobile__nav{display:grid;gap:10px;margin-block:10px}.mobile__link{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid rgba(255,255,255,.08)}.mobile__link:hover{background:color-mix(in oklab,#fff 5%,transparent)}.mobile__actions{display:flex;gap:10px;margin-top:8px}@media (max-width: 880px){.nav,.actions{display:none}.burger{display:inline-block}.mobile{display:block}}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:clamp(12px,3vw,24px);background:#0000008c;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}.modal[hidden]{display:none}.modal__dialog{width:min(480px,100%);max-width:100%;max-height:min(90dvh,640px);overflow:auto;padding:clamp(16px,2.4vw,24px);position:relative;border-radius:var(--radius);background:#0f172ab8;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #10182840;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);transform:translateY(8px);opacity:0;animation:modal-in .28s ease forwards}@keyframes modal-in{to{transform:none;opacity:1}}.modal__title{margin:4px 8px 12px;font-size:22px;color:var(--text)}.modal__close{position:absolute;inset-inline-end:14px;inset-block-start:12px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:color-mix(in oklab,#fff 2%,transparent);color:var(--text);cursor:pointer}.modal__close:is(:hover,:focus-visible){background:color-mix(in oklab,#fff 6%,transparent)}.form{display:grid;gap:12px;margin-top:8px;width:100%;min-width:0}.field{display:grid;gap:6px;min-width:0}.field__label{font-size:13px;color:var(--muted)}.field__input{display:block;width:100%;max-width:100%;min-width:0;padding:12px;border-radius:12px;font:inherit;color:var(--text);background:color-mix(in oklab,#fff 2%,transparent);border:1px solid rgba(255,255,255,.12);outline:none;transition:.15s}.field__input:focus{border-color:color-mix(in oklab,var(--brand-2) 60%,#ffffff)}.field__input::placeholder{color:color-mix(in oklab,var(--muted) 70%,transparent)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-dialog-in{0%{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}@keyframes modal-dialog-out{0%{transform:none;opacity:1}to{transform:translateY(8px) scale(.985);opacity:0}}.modal.is-opening{animation:modal-backdrop-in .26s ease both}.modal.is-opening .modal__dialog{animation:modal-dialog-in .28s cubic-bezier(.2,.8,.2,1) both}.modal.is-closing{animation:modal-backdrop-out .22s ease both}.modal.is-closing .modal__dialog{animation:modal-dialog-out .22s ease both}.field--error .field__input{border-color:#ff6961;box-shadow:0 0 0 3px color-mix(in oklab,#ff6961 25%,transparent)}.field__error{margin-top:4px;font-size:12px;color:#ffb4ae}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.form.is-invalid .modal__dialog{animation:shake .4s linear}@supports (selector(:has(*))){.modal__dialog:has(.form.is-invalid){animation:shake .4s linear}}.field__input:is(:focus)[aria-invalid=false]{border-color:color-mix(in oklab,#22c55e 60%,#ffffff);box-shadow:0 0 0 3px color-mix(in oklab,#22c55e 25%,transparent)}@media (prefers-reduced-motion: reduce){.burger span,.modal,.modal__dialog{transition:none!important;animation:none!important}}.footer{padding:20px 0}.footer-desc{text-align:center}.footer-link{position:relative}.footer-link:before{content:"";position:absolute;bottom:6%;left:50%;transform:translate(-50%) skew(-12deg);z-index:-1;width:110%;height:24%;background-color:#41d1ff;transition:.2s ease}
