:root{
            --bg1:#0f1724;
            --bg2:#071029;
            --card:#0b1220;
            --accent:#7dd3fc;
            --muted:#9aa6b2;
        }
        *{box-sizing:border-box}
        html,body{height:100%}
        body{
            margin:0;
            font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
            background: radial-gradient(800px 400px at 10% 10%, rgba(125,211,252,0.06), transparent),
                                    linear-gradient(180deg,var(--bg1),var(--bg2));
            color:#e6eef6;
            -webkit-font-smoothing:antialiased;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:32px;
        }

        .card{
            width:100%;
            max-width:880px;
            background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
            border:1px solid rgba(255,255,255,0.04);
            border-radius:14px;
            padding:48px;
            box-shadow: 0 8px 30px rgba(2,6,23,0.6);
            display:grid;
            grid-template-columns: 1fr 360px;
            gap:28px;
            align-items:center;
        }

        .hero{
            padding-right:8px;
        }

        .emoji{
            font-size:56px;
            line-height:1;
        }

        h1{
            margin:6px 0 10px;
            font-size:28px;
            letter-spacing:-0.4px;
        }

        p.lead{
            margin:0 0 18px;
            color:var(--muted);
            font-size:15px;
            line-height:1.5;
        }

        .actions{
            display:flex;
            gap:12px;
            margin-top:6px;
        }

        .btn{
            display:inline-flex;
            align-items:center;
            gap:10px;
            padding:10px 14px;
            border-radius:10px;
            text-decoration:none;
            font-weight:600;
            font-size:14px;
            transition:transform .12s ease, box-shadow .12s ease;
        }

        .btn-primary{
            background:linear-gradient(90deg,var(--accent),#60a5fa);
            color:#042027;
            box-shadow: 0 6px 18px rgba(47,128,237,0.18);
        }

        .btn-ghost{
            background:transparent;
            color:var(--accent);
            border:1px solid rgba(125,211,252,0.12);
        }

        .btn:active{transform:translateY(1px)}

        .right{
            padding:18px;
            background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005));
            border-radius:10px;
            border:1px solid rgba(255,255,255,0.02);
        }

        .placeholder{
            height:220px;
            border-radius:8px;
            background:linear-gradient(135deg, rgba(125,211,252,0.06), rgba(96,165,250,0.02));
            display:flex;
            align-items:center;
            justify-content:center;
            color:var(--muted);
            font-size:13px;
            text-align:center;
            padding:14px;
        }

        .meta{
            margin-top:18px;
            display:flex;
            gap:12px;
            color:var(--muted);
            font-size:13px;
        }

        footer{
            margin-top:18px;
            color:rgba(230,238,246,0.55);
            font-size:12px;
        }

        @media (max-width:880px){
            .card{grid-template-columns:1fr; padding:28px}
            .right{order:2}
        }

        @media (prefers-reduced-motion: no-preference){
            .card::before{
                content:"";
                position:absolute;
                width:420px;
                height:420px;
                left:calc(50% + 180px);
                top:-80px;
                background:radial-gradient(circle at 30% 30%, rgba(125,211,252,0.06), transparent 30%),
                                     radial-gradient(circle at 70% 70%, rgba(99,102,241,0.04), transparent 30%);
                filter:blur(40px);
                transform:translateZ(0);
                z-index:0;
                pointer-events:none;
            }
        }