:root{
            --ap-primary:#000F9F;
            --ap-primary-2:#173fbf;
            --ap-accent:#95E1BF;
            --ap-cyan:#59d7e6;
            --ap-ink:#16213a;
            --ap-muted:#61708f;
            --ap-line:#dbe5ff;
            --ap-danger:#d13f52;
            --ap-surface:#ffffff;
        }
        *{box-sizing:border-box}
        body{
            margin:0;
            min-height:100vh;
            font-family:"Segoe UI",Roboto,Arial,sans-serif;
            color:var(--ap-ink);
            background:
                radial-gradient(circle at 8% 16%, rgba(89,215,230,.14), transparent 24%),
                radial-gradient(circle at 92% 84%, rgba(149,225,191,.16), transparent 24%),
                linear-gradient(180deg, #eef4ff 0%, #f8fbff 100%);
        }
        .sc-shell{
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:18px;
        }
        .sc-stage{
            width:min(1240px, 100%);
            min-height:min(660px, calc(100vh - 36px));
            display:grid;
            grid-template-columns:1.08fr .92fr;
            overflow:hidden;
            border-radius:28px;
            border:1px solid rgba(255,255,255,.82);
            background:rgba(255,255,255,.9);
            box-shadow:0 28px 90px rgba(0,15,159,.18);
        }
        .sc-brand{
            position:relative;
            padding:36px;
            color:#fff;
            background:
                radial-gradient(circle at 18% 12%, rgba(149,225,191,.23), transparent 26%),
                radial-gradient(circle at 86% 18%, rgba(89,215,230,.18), transparent 22%),
                linear-gradient(145deg, #07175f 0%, #1838a8 56%, #507aff 100%);
        }
        .sc-brand::before,
        .sc-brand::after{
            content:"";
            position:absolute;
            border-radius:999px;
            border:8px solid rgba(149,225,191,.22);
            pointer-events:none;
        }
        .sc-brand::before{
            width:340px;
            height:340px;
            left:-170px;
            bottom:-145px;
        }
        .sc-brand::after{
            width:220px;
            height:220px;
            right:-64px;
            top:58px;
            border-color:rgba(255,255,255,.16);
        }
        .sc-brand-inner{position:relative;z-index:1}
        .sc-chip-row{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            align-items:center;
            margin-bottom:20px;
        }
        .sc-chip{
            display:inline-flex;
            align-items:center;
            gap:8px;
            min-height:38px;
            padding:8px 14px;
            border-radius:999px;
            font-size:13px;
            font-weight:800;
            background:rgba(255,255,255,.12);
            border:1px solid rgba(255,255,255,.18);
        }
        .sc-title{
            max-width:680px;
            margin:0 0 12px;
            font-size:46px;
            line-height:1;
            font-weight:900;
            letter-spacing:0;
        }
        .sc-meta{
            margin:0 0 16px;
            font-size:13px;
            font-weight:800;
            color:rgba(255,255,255,.78);
        }
        .sc-copy{
            max-width:640px;
            margin:0;
            font-size:18px;
            line-height:1.4;
            color:rgba(255,255,255,.92);
        }
        .sc-rule{
            width:118px;
            height:6px;
            border-radius:999px;
            margin:22px 0;
            background:linear-gradient(90deg, var(--ap-accent), rgba(255,255,255,.66));
        }
        .sc-module-grid{
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:12px;
            max-width:700px;
        }
        .sc-module{
            min-height:112px;
            padding:15px;
            border-radius:8px;
            background:rgba(255,255,255,.11);
            border:1px solid rgba(255,255,255,.14);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
        }
        .sc-module i{
            width:32px;
            height:32px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            border-radius:8px;
            margin-bottom:10px;
            color:#b9ffef;
            background:rgba(255,255,255,.16);
        }
        .sc-module h3{
            margin:0 0 7px;
            font-size:15px;
            font-weight:900;
        }
        .sc-module p{
            margin:0;
            font-size:12px;
            line-height:1.4;
            color:rgba(255,255,255,.84);
        }
        .sc-auth{
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:28px;
        }
        .sc-auth::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                radial-gradient(circle at 0 100%, rgba(23,63,191,.07), transparent 28%),
                radial-gradient(circle at 100% 0, rgba(149,225,191,.12), transparent 30%);
            pointer-events:none;
        }
        .sc-form-shell{
            position:relative;
            z-index:1;
            width:min(470px, 100%);
        }
        .sc-logo{
            width:186px;
            height:104px;
            margin:0 auto 14px;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:16px;
            border-radius:20px;
            border:1px solid rgba(0,15,159,.08);
            background:#fff;
            box-shadow:0 14px 30px rgba(0,15,159,.10);
        }
        .sc-logo img{
            max-width:100%;
            max-height:100%;
            object-fit:contain;
        }
        .sc-form-chip{
            display:flex;
            justify-content:center;
            margin-bottom:8px;
        }
        .sc-form-chip span{
            display:inline-flex;
            align-items:center;
            gap:8px;
            min-height:34px;
            padding:8px 15px;
            border-radius:999px;
            background:#edf2ff;
            color:#17318f;
            font-size:14px;
            font-weight:800;
        }
        .sc-form-title{
            margin:0;
            text-align:center;
            font-size:38px;
            line-height:1;
            font-weight:900;
            color:#0a1c69;
        }
        .sc-form-subtitle{
            max-width:430px;
            margin:10px auto 18px;
            text-align:center;
            color:#5c6788;
            line-height:1.42;
            font-size:15px;
        }
        .sc-panel{
            padding:20px;
            border-radius:8px;
            border:1px solid rgba(0,15,159,.08);
            background:rgba(255,255,255,.86);
            box-shadow:0 20px 50px rgba(0,15,159,.09);
        }
        .sc-state{
            margin:0 0 14px;
            padding:10px 12px;
            border-radius:8px;
            background:#eff5ff;
            border:1px solid #d8e5ff;
            color:#4a5b83;
            font-size:13px;
            line-height:1.4;
        }
        .sc-state strong{color:#102562}
        .sc-alert{
            margin-bottom:14px;
            padding:12px 14px;
            border-radius:8px;
            background:rgba(209,63,82,.08);
            border:1px solid rgba(209,63,82,.18);
            color:#a7283c;
            font-size:14px;
            font-weight:700;
        }
        .sc-field{margin-bottom:14px}
        .sc-field label{
            display:block;
            margin-bottom:6px;
            font-size:14px;
            font-weight:800;
            color:#39496d;
        }
        .sc-input-wrap{position:relative}
        .sc-input-icon{
            position:absolute;
            left:16px;
            top:50%;
            transform:translateY(-50%);
            color:#7e8baa;
            font-size:15px;
        }
        .sc-input{
            width:100%;
            height:54px;
            border-radius:8px;
            border:1px solid var(--ap-line);
            background:#fff;
            padding:0 18px 0 48px;
            font-size:15px;
            color:#122246;
            transition:border-color .2s ease, box-shadow .2s ease;
        }
        .sc-input:focus{
            border-color:#3d67ff;
            outline:none;
            box-shadow:0 0 0 4px rgba(61,103,255,.12);
        }
        .sc-submit{
            width:100%;
            height:56px;
            border:0;
            border-radius:8px;
            color:#fff;
            background:linear-gradient(135deg, #1320a5 0%, #1f49df 100%);
            box-shadow:0 16px 32px rgba(23,63,191,.22);
            font-size:17px;
            font-weight:900;
        }
        .sc-submit:hover{filter:brightness(1.02)}
        .sc-footer{
            margin:12px auto 0;
            text-align:center;
            color:#7a86a4;
            font-size:13px;
            font-weight:800;
        }
        @media (max-width: 1060px){
            .sc-stage{grid-template-columns:1fr}
            .sc-brand{display:none}
            .sc-auth{min-height:100vh}
        }
        @media (max-width: 620px){
            .sc-shell{padding:10px}
            .sc-stage{min-height:auto;border-radius:22px}
            .sc-auth{padding:18px 12px}
            .sc-form-title{font-size:32px}
            .sc-panel{padding:16px}
        }