:root {
            --primary: #0f172a;
            --blue: #2563eb;
            --bg: #f8fafc;
            --text: #334155;
            --border: #cbd5e1;
            --white: #ffffff;
            --success: #16a34a;
            --notice-bg: #e2e8f0;
            --notice-text: #0f172a;
            --notice-border: #94a3b8;
        }

        body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background: var(--bg);
            color: var(--text);
            margin: 0;
            padding: 20px;
            display:flex;
            justify-content: center;
            min-height: 100vh;
            box-sizing: border-box;
        }

        .container { max-width: 650px; width: 100%; align-self: center; }

        .card {
            background: var(--white);
            padding: 40px;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            border: 1px solid var(--border);
        }

        h1 { text-align: center; color: var(--primary); margin: 0; font-size: 2.2rem; letter-spacing: -0.02em; }
        .subtitle { text-align: center; color: #64748b; margin-top: 8px; margin-bottom: 30px; font-size: 1.1rem; }

        .sell-domain__notice {
            background: var(--notice-bg);
            border: 1px solid var(--notice-border);
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 35px;
            font-size: 0.9rem;
            color: var(--notice-text);
            line-height: 1.6;
            font-weight: 500;
        }

        .step { display: none; }
        .step.active { display: block; animation: fadeIn 0.4s ease-out; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .options-list { display:flex; flex-direction: column; gap: 14px; margin-bottom: 35px; }

        .option-card {
            display:flex;
            justify-content: space-between;
            align-items: center;
            border: 2px solid var(--border);
            border-radius: 12px;
            padding: 20px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .option-card:hover { border-color: #93c5fd; background: #fdfdfe; }
        .option-card.active { border-color: var(--blue); background: #eff6ff; box-shadow: 0 0 0 1px var(--blue); }

        .opt-title { font-weight: 700; color: var(--primary); display: block; font-size: 1.05rem; }
        .opt-desc { font-size: 0.85rem; color: #64748b; margin-top: 2px; }

        .opt-check {
            width: 24px;
            height: 24px;
            border: 2px solid #cbd5e1;
            border-radius: 50%;
            display:flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }

        .option-card.active .opt-check { background: var(--blue); border-color: var(--blue); }
        .option-card.active .opt-check::after { content: '✓'; color: white; font-size: 14px; font-weight: bold; }

        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .grid-2__full { grid-column: span 2; }
        .form-field { margin-bottom: 20px; }
        .section-title { margin-top: 0; margin-bottom: 20px; color: var(--primary); }

        label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 0.9rem; color: var(--primary); }

        input {
            width: 100%;
            padding: 12px 16px;
            border: 1px solid var(--border);
            border-radius: 8px;
            box-sizing: border-box;
            font-size: 1rem;
            transition: border-color 0.2s;
        }

        input:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }

        .calc-box {
            background: #f1f5f9;
            padding: 25px;
            border-radius: 12px;
            margin: 25px 0;
            border: 1px dashed #cbd5e1;
        }
        .calc-box--summary { margin-top: 0; border-style: solid; background: #fff; }

        .currency-switch {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 22px;
        }
        .currency-switch__label { color: var(--primary); font-size: 0.9rem; font-weight: 700; }
        .currency-switch__options {
            display: inline-flex;
            padding: 3px;
            border: 1px solid var(--border);
            border-radius: 9px;
            background: var(--white);
        }
        .currency-switch__button {
            min-width: 60px;
            min-height: 36px;
            padding: 0 13px;
            border: 0;
            border-radius: 6px;
            background: transparent;
            color: #64748b;
            font: inherit;
            font-size: 0.85rem;
            font-weight: 800;
            cursor: pointer;
        }
        .currency-switch__button:hover,
        .currency-switch__button:focus-visible { color: var(--primary); outline: 2px solid rgba(37, 99, 235, 0.28); outline-offset: -2px; }
        .currency-switch__button.active { background: var(--primary); color: var(--white); }

        .calc-row { display:flex; justify-content: space-between; margin-bottom: 8px; font-size: 0.95rem; }
        .calc-total {
            font-weight: 800;
            font-size: 1.3rem;
            border-top: 2px solid #cbd5e1;
            margin-top: 15px;
            padding-top: 15px;
            color: var(--primary);
        }
        .calc-total--summary { border-width: 1px; }
        .sell-domain__notice--neutral { background: #e2e8f0; border-color: #94a3b8; color: #0f172a; }
        .success-screen__title { color: var(--primary); margin-bottom: 10px; }
        .success-screen__restart { margin-top: 30px; width: auto; padding: 12px 30px; }

        .summary-list { list-style: none; padding: 0; margin: 0 0 25px 0; }
        .summary-list li {
            padding: 12px 0;
            border-bottom: 1px solid #f1f5f9;
            display:flex;
            justify-content: space-between;
            font-size: 1rem;
        }

        .summary-list li span:first-child { color: #64748b; }
        .summary-list li strong { color: var(--primary); }

        .button {
            --button-bg: var(--blue);
            --button-bg-hover: #1d4ed8;
            --button-border: var(--blue);
            --button-color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            min-height: 58px;
            padding: 0 22px;
            background: var(--button-bg);
            color: var(--button-color);
            border: 2px solid var(--button-border);
            border-radius: 10px;
            font-size: 1.1rem;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s, transform 0.1s;
            margin-top: 10px;
            text-decoration: none;
        }

        .button:hover,
        .button:focus-visible { background: var(--button-bg-hover); border-color: var(--button-bg-hover); color: var(--button-color); outline: none; }
        .button:disabled { background: #94a3b8; border-color: #94a3b8; cursor: not-allowed; }
        .sell-domain__button--large { min-height: 58px; }
        .button--primary { --button-bg: var(--blue); --button-bg-hover: #1d4ed8; --button-border: var(--blue); --button-color: #fff; }
        .button--secondary { --button-bg: var(--white); --button-bg-hover: var(--bg); --button-border: var(--border); --button-color: var(--text); margin-top: 0; }

        .hidden { display: none !important; }
        .hp-field { position: absolute; left: -9999px; }

        .success-screen { text-align: center; padding: 40px 0; }
        .success-icon { font-size: 5rem; color: var(--primary); margin-bottom: 20px; }
        @media (max-width: 520px) {
            .currency-switch { align-items: flex-start; flex-direction: column; }
            .currency-switch__options { display: flex; width: 100%; }
            .currency-switch__button { flex: 1; }
        }
.sell-domain-result,.public-form-confirmation{align-self:center;max-width:650px;width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);box-sizing:border-box}
.sell-domain-result{padding:40px;text-align:center}
.sell-domain-result__icon{font-size:5rem;color:#0f172a;margin-bottom:20px;line-height:1}
.sell-domain-result__title{color:#0f172a;margin:0 0 10px;font-size:2rem}
.sell-domain-result__text{font-size:1rem;line-height:1.6;margin:0 0 30px}
.sell-domain-result__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:#fff;color:#334155;border:2px solid #cbd5e1;border-radius:10px;text-decoration:none;font-weight:700}
.public-form-confirmation{padding:36px}
.public-mini-eyebrow{margin:0 0 8px;color:#2563eb;font-size:.82rem;font-weight:800;text-transform:uppercase}
.public-mini-title{margin:0 0 12px;color:#0f172a;font-size:2rem}
.public-mini-lead{margin:0 0 22px;color:#475569}
.public-form-confirmation__summary{display:grid;gap:10px;margin:0 0 22px}
.public-form-confirmation__row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;border-bottom:1px solid #e2e8f0;padding:10px 0}
.public-form-confirmation__row dt{font-weight:800;color:#0f172a}
.public-form-confirmation__row dd{margin:0;overflow-wrap:anywhere}
.public-mini-form{display:grid;gap:14px}
.public-mini-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.public-mini-checkbox{display:flex;gap:10px;align-items:flex-start}
.public-mini-checkbox input{width:18px;height:18px;margin-top:2px}
.public-mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:640px){.public-form-confirmation__row{grid-template-columns:1fr}.public-form-confirmation{padding:24px}}