:root{--bg: #07090f;--bg-grad: radial-gradient(80% 60% at 50% -10%, rgba(34, 197, 94, .08) 0%, rgba(34, 197, 94, 0) 55%), radial-gradient(60% 50% at 100% 0%, rgba(91, 141, 239, .06) 0%, rgba(91, 141, 239, 0) 60%), linear-gradient(180deg, #0e1320 0%, #07090f 70%, #07090f 100%);--surface: #11141d;--surface-2: #181c27;--surface-3: #1f2532;--border: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .09);--border-hover: rgba(255, 255, 255, .14);--text: #f7f8fb;--text-dim: #9aa2b3;--text-mute: #5d667a;--accent: #22c55e;--accent-2: #16a34a;--accent-soft: rgba(34, 197, 94, .14);--accent-glow: rgba(34, 197, 94, .45);--info: #5b8def;--info-soft: rgba(91, 141, 239, .14);--warn: #f5a524;--warn-soft: rgba(245, 165, 36, .1);--danger: #ef4444;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 26px;--r-pill: 999px;--shadow-sm: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 10px 28px rgba(0, 0, 0, .4);--shadow-lg: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 28px 64px rgba(0, 0, 0, .55);--shadow-accent: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 8px 22px rgba(34, 197, 94, .32);--ease-out: cubic-bezier(.22, .85, .18, 1);--ease-spring: cubic-bezier(.32, .72, .18, 1.12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}@supports (font-variation-settings: normal){:root{--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03","cv02";font-size:15px;line-height:1.5;letter-spacing:-.005em;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.45 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;letter-spacing:inherit;border:0;background:transparent;color:inherit}input,textarea,select{font-family:inherit;font-size:15px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:13px 14px;width:100%;outline:none;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out);letter-spacing:inherit}input::placeholder,textarea::placeholder{color:var(--text-mute)}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface-3);box-shadow:0 0 0 4px var(--accent-soft)}textarea{min-height:96px;resize:vertical;line-height:1.5}label{display:block;color:var(--text-dim);font-size:12px;font-weight:500;letter-spacing:.01em;margin-bottom:7px}@keyframes fade-up{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}60%{box-shadow:0 0 0 6px transparent}}.app{padding:22px 16px 56px;max-width:560px;margin:0 auto;width:100%;animation:fade-up .45s var(--ease-out)}.section{animation:fade-up .5s var(--ease-out);animation-fill-mode:both}.section:nth-of-type(1){animation-delay:.04s}.section:nth-of-type(2){animation-delay:.08s}.section:nth-of-type(3){animation-delay:.12s}.section:nth-of-type(4){animation-delay:.16s}.section:nth-of-type(5){animation-delay:.2s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:26px}.header__left{flex:1;min-width:0}.header__brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px}.header__brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative;animation:pulse-dot 2.6s ease-out infinite}.header__title{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0;background:linear-gradient(180deg,#fff,#c1c7d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header__tagline{margin-top:8px;font-size:14px;color:var(--text-dim);line-height:1.45;letter-spacing:-.005em}.tier-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;box-shadow:var(--shadow-sm);letter-spacing:-.005em}.tier-pill__dot{width:7px;height:7px;border-radius:50%}.tier-pill--none .tier-pill__dot{background:var(--text-mute)}.tier-pill--active .tier-pill__dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.info-card{display:flex;gap:14px;padding:16px 16px 18px;background:linear-gradient(180deg,#5b8def12,#5b8def00 60%),var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);margin-bottom:30px;box-shadow:var(--shadow-sm)}.info-card__icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--info-soft);color:var(--info);display:flex;align-items:center;justify-content:center}.info-card__body{min-width:0;display:flex;flex-direction:column;justify-content:center}.info-card__title{font-weight:600;font-size:14.5px;margin-bottom:4px;letter-spacing:-.005em}.info-card__text{font-size:13.5px;color:var(--text-dim);line-height:1.55}.section{margin-bottom:30px}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px;padding:0 2px}.section__title{font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--text)}.section__hint{font-size:12px;color:var(--text-mute);font-weight:500;letter-spacing:.005em}.card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:10px;cursor:pointer;transition:background .22s var(--ease-out),transform .1s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out);position:relative}.card:hover{border-color:var(--border-hover);background:var(--surface-2)}.card:active{transform:scale(.992);background:var(--surface-3)}.card--locked{opacity:.5;cursor:default}.card--locked:active{transform:none;background:var(--surface)}.card__icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:var(--surface-3);color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .22s var(--ease-out),color .22s var(--ease-out)}.card:hover .card__icon{background:#22c55e1a;color:var(--accent)}.card__icon--accent{background:var(--accent-soft);color:var(--accent)}.card__icon--info{background:var(--info-soft);color:var(--info)}.card__icon--warn{background:var(--warn-soft);color:var(--warn)}.card__body{flex:1;min-width:0}.card__title{font-weight:600;font-size:14.5px;letter-spacing:-.005em;margin-bottom:3px}.card__subtitle{color:var(--text-dim);font-size:13px;line-height:1.4}.card__chevron{color:var(--text-mute);flex:0 0 auto;display:flex;align-items:center;transition:transform .18s var(--ease-out),color .18s var(--ease-out)}.card:hover .card__chevron{color:var(--text-dim);transform:translate(2px)}.tier-card{position:relative;padding:18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);margin-bottom:12px;overflow:hidden;transition:border-color .22s var(--ease-out)}.tier-card:hover{border-color:var(--border-hover)}.tier-card--premium{background:radial-gradient(120% 100% at 0% 0%,#22c55e1f,#22c55e00 55%),var(--surface);border-color:#22c55e47}.tier-card--premium:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#22c55e73,#22c55e00 45%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tier-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.tier-card__name{font-weight:700;font-size:17px;letter-spacing:-.015em}.tier-card__level{font-size:10.5px;font-weight:600;color:var(--text-mute);margin-left:8px;letter-spacing:.06em;text-transform:uppercase}.tier-card__price{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}.tier-card__desc{color:var(--text-dim);font-size:13.5px;line-height:1.5;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:var(--r-md);padding:14px 16px;font-size:14.5px;font-weight:600;letter-spacing:-.005em;background:linear-gradient(180deg,#2dd66c 0%,var(--accent) 100%);color:#fff;transition:transform .08s var(--ease-out),box-shadow .18s var(--ease-out),filter .18s var(--ease-out);box-shadow:var(--shadow-accent)}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:scale(.99);filter:brightness(.96);box-shadow:0 1px #ffffff26 inset,0 2px 8px #22c55e40}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}.btn--ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--surface-3);filter:none}.btn--ghost:active:not(:disabled){background:var(--surface-3);filter:none}.btn--small{width:auto;padding:9px 13px;font-size:13px;border-radius:var(--r-sm);gap:6px}.lock-hint{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:14px 16px;color:var(--text-dim);font-size:13.5px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start}.lock-hint__icon{color:var(--warn);flex:0 0 auto;display:flex;align-items:center;margin-top:1px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070c99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out)}.sheet-backdrop--open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-top:1px solid var(--border-strong);border-top-left-radius:var(--r-2xl);border-top-right-radius:var(--r-2xl);padding:12px 18px max(28px,env(safe-area-inset-bottom,28px));z-index:1001;transform:translateY(100%);transition:transform .36s var(--ease-spring);max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.sheet--open{transform:translateY(0)}.sheet__grip{width:40px;height:4px;background:var(--border-hover);border-radius:var(--r-pill);margin:0 auto 14px}.sheet__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.sheet__title{font-weight:700;font-size:19px;letter-spacing:-.02em}.sheet__close{background:var(--surface-2);border:1px solid var(--border-strong);width:32px;height:32px;border-radius:50%;color:var(--text-dim);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.sheet__close:active{background:var(--surface-3);color:var(--text)}.field{margin-bottom:14px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left}.stat__label{color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.stat__value{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__value--accent{color:var(--accent)}.referral-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:16px;margin-bottom:12px}.referral-card__label{font-size:12px;color:var(--text-dim);margin-bottom:8px;font-weight:500;letter-spacing:.01em}.referral-code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px;letter-spacing:.03em}.case-body{white-space:pre-wrap;color:var(--text);font-size:14.5px;line-height:1.7}.loader{text-align:center;color:var(--text-dim);padding:56px 16px;font-size:14px}.error-screen{margin:56px 16px;padding:22px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);text-align:center;color:var(--text-dim)}.error-screen__title{color:var(--text);font-weight:600;margin-bottom:8px;font-size:15px;letter-spacing:-.005em}.error-screen__detail{margin-top:14px;font-size:11.5px;color:var(--text-mute);font-family:var(--font-mono);word-break:break-all;line-height:1.5}.toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom,28px));left:50%;transform:translate(-50%);background:#141820f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);padding:12px 18px;border-radius:var(--r-pill);z-index:2000;font-size:13.5px;font-weight:500;color:var(--text);letter-spacing:-.005em;box-shadow:var(--shadow-md);animation:toast-in .26s var(--ease-spring);display:inline-flex;align-items:center;gap:8px}@keyframes toast-in{0%{transform:translate(-50%,24px);opacity:0}to{transform:translate(-50%);opacity:1}}.muted{color:var(--text-dim);font-size:13.5px;line-height:1.55}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.sheet::-webkit-scrollbar{width:6px}.sheet::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}