:root{--bg: #0c0f0d;--bg-elev: #141a16;--bg-soft: #1a221c;--line: #2a352e;--text: #e8f0ea;--muted: #8a9a8e;--accent: #b6f24a;--accent-dim: #7aab2a;--danger: #ff6b5a;--ok: #6dffb0;--radius: 14px;--font: "Outfit", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(182,242,74,.12),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(109,255,176,.06),transparent 50%),linear-gradient(180deg,#0e130f 0%,var(--bg) 40%,#0a0c0b 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(182,242,74,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(182,242,74,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:24px 20px 64px}.topnav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}.brand{font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--text);text-decoration:none}.brand span{color:var(--accent)}.brand:hover{text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#00000040;margin-right:4px}.lang-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:6px 10px;cursor:pointer;transition:color .2s,background .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--accent);color:#0c0f0d}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:10px 18px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#10140f;border-color:transparent;font-weight:700}.btn-primary:hover{background:#c8ff63}.btn-ghost{background:transparent}.btn-danger{border-color:#5a2e28;color:var(--danger)}.hero{min-height:min(72vh,640px);display:grid;align-content:center;gap:18px;padding:24px 0 48px;animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-brand{font-size:clamp(3rem,9vw,6.2rem);line-height:.92;font-weight:800;letter-spacing:-.05em;margin:0}.hero-brand span{color:var(--accent)}.hero p{max-width:34rem;color:var(--muted);font-size:1.15rem;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.panel{background:color-mix(in srgb,var(--bg-elev) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 800px){.grid-2{grid-template-columns:1fr}}.stat{padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-soft)}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{font-size:1.8rem;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.03em;margin:0 0 12px}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:.92em}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border-radius:10px;border:1px solid var(--line);background:#0d110e;color:var(--text);padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--accent-dim)}.fselect{position:relative}.fselect.disabled{opacity:.55;pointer-events:none}.fselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;border:1px solid var(--line);background:#0d110e;color:var(--text);padding:12px 14px;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease}.fselect.open .fselect-trigger,.fselect-trigger:hover{border-color:var(--accent-dim);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.fselect-trigger .placeholder{color:var(--muted)}.fselect-chevron{width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .16s ease;flex-shrink:0}.fselect.open .fselect-chevron{transform:rotate(225deg) translateY(-2px);border-color:var(--accent)}.fselect-menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;border-radius:14px;border:1px solid var(--line);background:#121812;box-shadow:0 18px 40px #00000073;max-height:280px;overflow:auto;animation:pop .16s ease both}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.fselect-option{width:100%;border:0;background:transparent;color:var(--text);text-align:left;border-radius:10px;padding:11px 12px;cursor:pointer}.fselect-option:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.fselect-option.active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);font-weight:600}.empty-state{min-height:320px;display:grid;align-content:center;justify-items:start;gap:12px}.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer}.tab.active{color:#10140f;background:var(--accent);border-color:transparent;font-weight:600}.plan-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--bg-soft);cursor:pointer;transition:border-color .18s ease,transform .18s ease}.plan-card:hover{border-color:var(--accent-dim);transform:translateY(-3px)}.plan-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.plan-card .price{font-size:1.6rem;font-weight:700;color:var(--accent)}.mailbox-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);animation:rise .42s ease both}.mailbox-row:last-child{border-bottom:0}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.error{color:var(--danger);background:#ff6b5a14;border:1px solid rgba(255,107,90,.25);border-radius:10px;padding:10px 12px;margin-bottom:12px}.ok{color:var(--ok);background:#6dffb014;border:1px solid rgba(109,255,176,.22);border-radius:10px;padding:10px 12px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.78rem;color:var(--muted)}.webmail-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;min-height:70vh;align-items:stretch}@media (max-width: 900px){.webmail-layout{grid-template-columns:1fr}}.webmail-aside{display:flex;flex-direction:column;min-height:0;max-height:70vh;padding:14px!important}.webmail-box-list{flex:1 1 auto;overflow-y:auto;min-height:0;padding-right:2px}.webmail-aside-actions{flex:0 0 auto;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}.webmail-frame{width:100%;min-height:70vh;height:70vh;border:1px solid var(--line);border-radius:var(--radius);background:#0f1411}.stack{display:grid;gap:14px}.space-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.domain-hero-title{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.04em;animation:rise .5s ease both}.domain-hero-sub{max-width:42rem;margin-top:0;animation:rise .6s ease both}.domain-progress{position:relative;overflow:hidden;animation:rise .48s ease both;border:1px solid rgba(182,242,74,.22);background:linear-gradient(135deg,rgba(182,242,74,.06),transparent 40%),var(--bg-elev)}.domain-progress:after{content:"";position:absolute;inset:-40% auto auto -20%;width:60%;height:120%;background:linear-gradient(90deg,transparent,rgba(182,242,74,.07),transparent);animation:sheen 3.2s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%{transform:translate(-30%) rotate(12deg);opacity:0}40%{opacity:1}to{transform:translate(220%) rotate(12deg);opacity:0}}.domain-progress-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.domain-pct{font-family:var(--mono);font-size:1.35rem;color:var(--accent);font-variant-numeric:tabular-nums}.progress-track{position:relative;height:12px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid var(--line)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--accent),#e8ff9a);background-size:200% 100%;transition:width .7s cubic-bezier(.22,1,.36,1);animation:fill-shimmer 2.4s linear infinite}@keyframes fill-shimmer{0%{background-position:0% 0}to{background-position:200% 0}}.progress-glow{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #b6f24abf;transition:left .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.domain-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}@media (max-width: 720px){.domain-steps{grid-template-columns:1fr 1fr}}.domain-step{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);padding:8px 10px;border-radius:10px;border:1px solid transparent;transition:color .3s,border-color .3s,background .3s}.domain-step .dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:0 0 auto;transition:background .3s,box-shadow .3s}.domain-step.done{color:var(--ok)}.domain-step.done .dot{background:var(--ok);box-shadow:0 0 8px #6dffb080}.domain-step.current{color:var(--text);border-color:#b6f24a59;background:#b6f24a0f}.domain-step.current .dot{background:var(--accent);box-shadow:0 0 10px #b6f24ab3;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}.domain-step-label{margin:0;font-family:var(--mono);font-size:.88rem;color:var(--text);min-height:1.4em}.dns-pills{display:flex;gap:8px;flex-wrap:wrap}.dns-pills span{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);transition:all .4s ease}.dns-pills span.on{color:#0c0f0d;background:var(--accent);border-color:var(--accent);animation:pop .42s ease both}.pulse-hint{font-size:.8rem;color:var(--muted);animation:blink-soft 1.8s ease-in-out infinite}@keyframes blink-soft{0%,to{opacity:.45}50%{opacity:1}}.quote-card{animation:rise .5s ease both}.quote-domain{font-size:1.15rem;margin-bottom:4px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.quote-grid{grid-template-columns:1fr}}.quote-price{font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.quote-price.accent{color:var(--accent)}.owned-list{display:grid;gap:8px}.owned-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);animation:rise .45s ease both}.owned-row.status-active{border-color:#6dffb040}.owned-row.status-failed{border-color:#ff6b5a4d}.unlimited-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;border-radius:14px;border:1px solid rgba(182,242,74,.28);background:linear-gradient(120deg,rgba(182,242,74,.1),transparent 60%)}.box-card{padding:12px 14px;border-radius:12px;border:1px dashed var(--line);background:#0003;line-height:1.55}.ok-boxes{animation:rise .5s ease both}.temp-hero{max-width:720px}.temp-sub{color:var(--muted);max-width:36rem;margin:0 0 22px}.temp-card{border:1px solid rgba(182,242,74,.28);border-radius:var(--radius);padding:18px;background:linear-gradient(135deg,rgba(182,242,74,.08),transparent 55%),var(--bg-elev);animation:rise .5s ease both}.temp-label{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.temp-email-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.temp-email{flex:1 1 240px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#00000047;font-size:1.05rem;word-break:break-all}.temp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.temp-left{font-size:.85rem}.temp-inbox{margin-top:18px;min-height:220px}.temp-list{display:grid;gap:8px}.temp-item{text-align:left;width:100%;border:1px solid var(--line);background:var(--bg-soft);color:inherit;border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;transition:border-color .2s,background .2s}.temp-item:hover{border-color:#b6f24a59;background:#b6f24a0f}.temp-item-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.85rem}.temp-item-sub{margin-top:4px;font-weight:600}.temp-msg-meta{margin-bottom:12px}.temp-body{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.92rem;line-height:1.55;margin:0;padding:14px;border-radius:12px;background:#00000040;border:1px solid var(--line);max-height:50vh;overflow:auto;color:var(--text)}.temp-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all}