:root{--bg: #111315;--surface: #191c1f;--text: #f2f4f5;--muted: #9ca4aa;--accent: #35b7a0;--accent-deep: #2a9d88;--danger: #f06a62;--ok: #55b96b;--divider: rgba(255, 255, 255, .08);--table-head: rgba(0, 0, 0, .22);--font-display: "Outfit", "PingFang SC", "Noto Sans SC", sans-serif;--font-body: "Source Sans 3", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--bg: #ffffff;--surface: #ffffff;--text: #1a1f24;--muted: #5b6672;--danger: #c0392b;--ok: #2f8f4e;--divider: rgba(0, 0, 0, .1);--table-head: rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.legal-page{max-width:760px;margin:0 auto;padding:20px 22px 48px}.legal__meta{margin:-8px 0 16px;font-size:12px;color:var(--muted)}.legal__body{font-size:14px;line-height:1.65;color:color-mix(in srgb,var(--text) 92%,var(--muted))}.legal__body h1,.legal__body h2,.legal__body h3{font-family:var(--font-display);color:var(--text);margin:1.25em 0 .5em;letter-spacing:-.02em}.legal__body h1{font-size:1.35rem;margin-top:0}.legal__body h2{font-size:1.1rem}.legal__body h3{font-size:1rem}.legal__body p{margin:.65em 0}.legal__body ul,.legal__body ol{margin:.5em 0 .75em;padding-left:1.35em}.legal__body li{margin:.25em 0}.legal__body hr{border:0;border-top:1px solid var(--divider);margin:1.25em 0}.legal__body strong{color:var(--text);font-weight:600}.legal__table{width:100%;border-collapse:collapse;margin:.75em 0 1em;font-size:13px}.legal__table th,.legal__table td{border:1px solid var(--divider);padding:8px 10px;text-align:left;vertical-align:top}.legal__table th{background:var(--table-head);color:var(--text);font-weight:600}.legal-state{min-height:40vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted);text-align:center}.legal-state p{margin:0}.legal-state__retry{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--divider);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}.legal-state__retry:hover{border-color:var(--accent)}.stage{position:relative;min-height:100vh;display:grid;place-items:center;padding:28px 20px;overflow:hidden}.stage__glow{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;pointer-events:none;background:radial-gradient(42% 36% at 18% 12%,rgba(53,183,160,.22),transparent 70%),radial-gradient(38% 32% at 86% 18%,rgba(92,169,255,.12),transparent 68%),radial-gradient(50% 40% at 50% 100%,rgba(53,183,160,.08),transparent 70%);animation:glow-drift 12s var(--ease) infinite alternate}.stage__grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%)}@keyframes glow-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1.5%,0) scale(1.04)}}.card{position:relative;z-index:1;width:min(420px,100%);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--divider);border-radius:16px;padding:32px 28px 28px;box-shadow:0 24px 64px #00000059;animation:card-in .48s var(--ease) both}.card--legal{width:min(720px,100%);max-height:min(90vh,920px);overflow:auto}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.brand{margin:0;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em}.lang{display:inline-flex;flex:none;padding:2px;border-radius:999px;background:#00000047;border:1px solid var(--divider)}.lang__btn{margin:0;width:auto;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.lang__btn:hover{filter:none;color:var(--text)}.lang__btn.is-active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}.sub{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.5}label{display:block;margin:12px 0 6px;font-size:13px;color:var(--muted)}input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000047;color:var(--text);font:inherit;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:0 0 0 3px #35b7a02e}.pw{position:relative}.pw__input{padding-right:44px}.pw__toggle{position:absolute;top:0;right:6px;bottom:0;margin:auto 0;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transform:none;transition:color .14s var(--ease),background .14s var(--ease)}.pw__toggle:hover,.pw__toggle:active,.pw__toggle:focus{filter:none;transform:none;color:var(--text);background:#ffffff0f}.pw__icon{width:18px;height:18px;display:block}.pw:focus-within .pw__input{border-color:color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:0 0 0 3px #35b7a02e}.consent__link{display:inline;margin:0;padding:0;width:auto;border:0;border-radius:0;background:none;color:var(--accent);font:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transform:none}.consent__link:hover,.consent__link:active{filter:none;transform:none;color:color-mix(in srgb,var(--accent) 85%,#fff)}.legal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px 16px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:legal-in .16s var(--ease) both}.legal-modal__panel{width:min(720px,100%);max-height:min(86vh,880px);display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--divider);border-radius:16px;box-shadow:0 28px 72px #00000073;overflow:hidden}.legal-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px 22px;border-bottom:1px solid var(--divider);flex:none}.legal-modal__titles{min-width:0}.legal-modal__title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:650;letter-spacing:-.02em}.legal-modal__head .legal__meta{margin:6px 0 0}.legal-modal__close{flex:none;margin:0;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#ffffff0f;color:var(--muted);display:grid;place-items:center;cursor:pointer;transform:none}.legal-modal__close:hover,.legal-modal__close:active{filter:none;transform:none;color:var(--text);background:#ffffff1a}.legal-modal__body{padding:8px 22px 22px;overflow:auto;-webkit-overflow-scrolling:touch}@keyframes legal-in{0%{opacity:0}to{opacity:1}}button,.linkbtn{margin-top:18px;width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#041018;font:inherit;font-weight:600;cursor:pointer;transition:transform .14s var(--ease),filter .14s var(--ease),opacity .14s var(--ease)}button:hover:not(:disabled){filter:brightness(1.05)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;filter:none}.consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0 4px;font-size:13px;line-height:1.45;color:var(--muted);cursor:pointer}.consent input[type=checkbox]{width:auto;margin-top:3px;flex:none;accent-color:var(--accent)}.consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.msg{margin-top:12px;font-size:13px}.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}.links{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.links a{color:var(--accent);text-decoration:none}.links a:hover{text-decoration:underline}.success{position:relative;z-index:1;width:min(440px,100%);text-align:center;padding:36px 28px 32px;border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--divider);box-shadow:0 28px 70px #0006;animation:card-in .52s var(--ease) both}.success__mark{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#35b7a059,#35b7a014);border:1px solid rgba(53,183,160,.35);animation:mark-pop .56s var(--ease) both}.success__mark svg{width:34px;height:34px}.success__check{stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:36;stroke-dashoffset:36;animation:check-draw .52s .18s var(--ease) forwards}@keyframes mark-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes check-draw{to{stroke-dashoffset:0}}.success__brand{margin:0 0 8px;font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.03em;animation:fade-up .48s .12s var(--ease) both}.success__title{margin:0 0 8px;font-size:18px;font-weight:600;animation:fade-up .48s .18s var(--ease) both}.success__desc{margin:0;color:var(--muted);font-size:14px;line-height:1.6;animation:fade-up .48s .24s var(--ease) both}.success__bar{margin:22px auto 0;width:min(220px,70%);height:3px;border-radius:999px;background:#ffffff14;overflow:hidden;animation:fade-up .48s .3s var(--ease) both}.success__bar>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:bar-fill 1.25s .36s var(--ease) forwards,bar-shine 1.1s .36s linear infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bar-fill{to{width:100%}}@keyframes bar-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.stage__glow,.card,.success,.success__mark,.success__check,.success__brand,.success__title,.success__desc,.success__bar,.success__bar>span{animation:none!important}.success__check{stroke-dashoffset:0}.success__bar>span{width:100%}}
