:root{
            --bg:#191b20;
            --panel:#23262b;
            --panel-strong:#181b22;
            --accent:#e63946;
            --gold:#d7b75b;
            --text:#f2f2f2;
            --muted:#b8bcc4;
            --border:rgba(255,255,255,.08);
            --shadow:0 20px 45px rgba(0,0,0,.32);
            --radius-lg:22px;
            --radius-md:16px;
            --max-width:1180px;
        }
        *{box-sizing:border-box}
        body{
            margin:0;
            min-height:100vh;
            background:
                radial-gradient(circle at top, rgba(230,57,70,.12), transparent 28%),
                linear-gradient(180deg, #15171b 0%, #191b20 38%, #16181c 100%);
            color:var(--text);
            font-family:'Roboto', Arial, sans-serif;
        }
        a{color:inherit}
        .topbar{
            background:linear-gradient(180deg, rgba(24,27,34,.98), rgba(24,27,34,.92));
            border-bottom:1px solid var(--border);
            box-shadow:0 14px 28px rgba(0,0,0,.16);
        }
        .topbar-inner{
            max-width:var(--max-width);
            margin:0 auto;
            padding:1rem 1.5rem;
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:1rem;
            flex-wrap:wrap;
        }
        .chip-link{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:40px;
            padding:.75rem 1rem;
            text-decoration:none;
            color:var(--text);
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.07);
            border-radius:999px;
            transition:transform .2s ease,border-color .2s ease,background .2s ease;
        }
        .chip-link:hover,.chip-link:focus-visible{
            transform:translateY(-1px);
            border-color:rgba(215,183,91,.38);
            background:rgba(215,183,91,.08);
            outline:none;
        }
        .topbar-note{color:var(--muted);font-size:.93rem;text-align:right}
        .page-shell{
            max-width:var(--max-width);
            margin:0 auto;
            padding:2rem 1.25rem 2.7rem;
        }
        .hero{
            margin-bottom:1.5rem;
            padding:1.75rem 1.6rem;
            text-align:center;
            background:linear-gradient(180deg, rgba(35,38,43,.96), rgba(24,27,34,.96));
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            box-shadow:var(--shadow);
        }
        .kicker{
            display:inline-block;
            margin-bottom:.8rem;
            padding:.35rem .85rem;
            border-radius:999px;
            background:rgba(215,183,91,.12);
            border:1px solid rgba(215,183,91,.26);
            color:var(--gold);
            font-size:.82rem;
            letter-spacing:.12em;
            text-transform:uppercase;
        }
        h1{
            margin:0;
            font-family:'Oswald', Arial, sans-serif;
            font-size:clamp(2.3rem, 4.8vw, 4rem);
            line-height:.98;
            letter-spacing:.04em;
            text-transform:uppercase;
        }
        .hero p{
            max-width:760px;
            margin:.85rem auto 0;
            color:var(--muted);
            line-height:1.7;
            font-size:1rem;
        }
        .layout{
            display:grid;
            grid-template-columns:minmax(0, 1.2fr) minmax(280px, .8fr);
            gap:1.35rem;
        }
        .panel{
            background:linear-gradient(180deg, rgba(35,38,43,.96), rgba(24,27,34,.96));
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            box-shadow:var(--shadow);
        }
        .form-panel{padding:1.5rem}
        .section-title{
            margin:0 0 1rem;
            font-family:'Oswald', Arial, sans-serif;
            font-size:1.45rem;
            letter-spacing:.05em;
            text-transform:uppercase;
            color:var(--gold);
        }
        form{display:grid;gap:1rem}
        .grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}
        .field{display:grid;gap:.45rem}
        label{color:#e8ebef;font-size:.95rem;font-weight:500}
        input, textarea, select{
            width:100%;
            appearance:none;
            border:1px solid rgba(255,255,255,.08);
            background:rgba(255,255,255,.04);
            color:var(--text);
            border-radius:14px;
            padding:.95rem 1rem;
            font:inherit;
            transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
        }
        input::placeholder, textarea::placeholder{color:#99a1ac}
        textarea{min-height:180px; resize:vertical}
        input:focus, textarea:focus, select:focus{
            outline:none;
            border-color:rgba(230,57,70,.45);
            background:rgba(255,255,255,.06);
            box-shadow:0 0 0 4px rgba(230,57,70,.12);
        }
        .actions{display:flex;gap:.85rem;flex-wrap:wrap;padding-top:.35rem}
        .button{
            appearance:none;border:1px solid transparent;border-radius:999px;padding:.9rem 1.3rem;
            font:inherit;font-weight:600;cursor:pointer;text-decoration:none;
            transition:transform .2s ease, border-color .2s ease, background .2s ease;
        }
        .button.primary{background:linear-gradient(135deg, var(--accent), #c12a37);color:#fff;box-shadow:0 14px 30px rgba(230,57,70,.22)}
        .button.secondary{background:rgba(255,255,255,.04);color:var(--text);border-color:rgba(255,255,255,.08)}
        .button:hover,.button:focus-visible{transform:translateY(-1px);outline:none}
        .side-panel{padding:1.35rem;display:grid;gap:1rem;align-content:start}
        .note{
            padding:1rem 1rem 1.05rem;
            border-radius:var(--radius-md);
            background:rgba(255,255,255,.035);
            border:1px solid rgba(255,255,255,.06);
        }
        .note h2{
            margin:0 0 .5rem;
            font-family:'Oswald', Arial, sans-serif;
            font-size:1.15rem;
            letter-spacing:.05em;
            text-transform:uppercase;
            color:var(--gold);
        }
        .note p, .note li{margin:0;color:var(--muted);line-height:1.7}
        .note ul{margin:.35rem 0 0;padding-left:1rem}
        .footer{padding-top:1.6rem;text-align:center;color:#9ea4af;font-size:.92rem}
        @media (max-width: 920px){.layout{grid-template-columns:1fr}}
        @media (max-width: 640px){
            .page-shell{padding:1.35rem .9rem 2rem}
            .topbar-inner{flex-direction:column; align-items:stretch}
            .topbar-note{text-align:left}
            .grid{grid-template-columns:1fr}
            .actions .button{width:100%; text-align:center}
        }