:root{
    color-scheme:dark;
    --bg-1:#081116;
    --bg-2:#0b1821;
    --panel:#09151c;
    --panel-soft:rgba(11, 24, 33, .76);
    --panel-strong:rgba(8, 17, 22, .92);
    --border:rgba(78, 129, 151, .26);
    --border-strong:rgba(112, 164, 183, .34);
    --glass:rgba(10, 23, 31, .68);
    --gold:#d8b04a;
    --gold-bright:#f1d98f;
    --success:#42f58d;
    --warning:#ffcc55;
    --danger:#ff5a5a;
    --cyan:#52d4f5;
    --blue:#4aa1ff;
    --text:#f4f8fb;
    --text-soft:#c7d3d9;
    --muted:#8ea3ad;
    --shadow:0 24px 60px rgba(0, 0, 0, .36);
    --radius-lg:18px;
    --radius-md:14px;
    --radius-sm:12px;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
    margin:0;
    background:
        radial-gradient(circle at 10% 8%, rgba(74,161,255,.10), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(216,176,74,.10), transparent 20%),
        radial-gradient(circle at 50% 100%, rgba(45,132,159,.10), transparent 30%),
        linear-gradient(180deg, #061015 0%, #081116 46%, #0b1821 100%);
    color:var(--text);
    font-family:Inter,"Segoe UI","SF Pro Display",Arial,sans-serif;
    overflow-x:hidden;
}

button,input,a{
    font:inherit;
    -webkit-tap-highlight-color:transparent;
}

button{cursor:pointer}
img{max-width:100%;display:block}
svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.bcw-login-shell{
    position:relative;
    min-height:100vh;
    padding:18px 18px 12px;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    gap:14px;
    isolation:isolate;
}

.bcw-login-bg-grid,
.bcw-login-bg-noise,
.bcw-login-particle-layer{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.bcw-login-bg-grid{
    opacity:.18;
    background-image:
        linear-gradient(rgba(61, 112, 130, .14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(61, 112, 130, .14) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:radial-gradient(circle at 50% 38%, black, transparent 85%);
}

.bcw-login-bg-noise{
    opacity:.24;
    background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.05) 0 1px, transparent 1px 100%),
        radial-gradient(circle at 70% 40%, rgba(255,255,255,.04) 0 1px, transparent 1px 100%),
        radial-gradient(circle at 50% 80%, rgba(255,255,255,.05) 0 1px, transparent 1px 100%);
    background-size:240px 240px, 320px 320px, 280px 280px;
}

.bcw-login-particle-layer span{
    position:absolute;
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(255,255,255,.65);
    box-shadow:0 0 10px rgba(82,212,245,.28);
    animation:bcwFloatParticle linear infinite;
}

.bcw-login-particle-layer span:nth-child(1){left:15%;top:16%;animation-duration:14s;animation-delay:-3s}
.bcw-login-particle-layer span:nth-child(2){left:32%;top:8%;animation-duration:18s;animation-delay:-5s}
.bcw-login-particle-layer span:nth-child(3){left:56%;top:20%;animation-duration:16s;animation-delay:-6s}
.bcw-login-particle-layer span:nth-child(4){left:74%;top:12%;animation-duration:17s;animation-delay:-8s}
.bcw-login-particle-layer span:nth-child(5){left:86%;top:42%;animation-duration:15s;animation-delay:-2s}
.bcw-login-particle-layer span:nth-child(6){left:22%;top:72%;animation-duration:20s;animation-delay:-9s}

@keyframes bcwFloatParticle{
    0%{transform:translateY(0) scale(.8);opacity:0}
    15%{opacity:.85}
    50%{transform:translateY(-16px) scale(1.05)}
    100%{transform:translateY(-36px) scale(.7);opacity:0}
}

.bcw-login-main{
    position:relative;
    z-index:1;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0, 1.5fr) minmax(420px, 1fr);
    gap:18px;
}

.bcw-login-visual,
.bcw-auth-card,
.bcw-login-ticker{
    position:relative;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
        var(--panel-soft);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 0 1px rgba(20, 62, 80, .16),
        var(--shadow);
    backdrop-filter:blur(12px);
}

.bcw-login-visual::before,
.bcw-auth-card::before,
.bcw-login-ticker::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg, rgba(255,255,255,.10), transparent 18%, transparent 72%, rgba(255,255,255,.05));
    opacity:.28;
}

.bcw-login-visual{
    padding:26px 30px 20px;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr) auto auto;
    gap:18px;
}

.bcw-visual-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.bcw-brand-stack img{
    width:min(250px, 32vw);
    min-width:160px;
    object-fit:contain;
    filter:drop-shadow(0 0 18px rgba(216,176,74,.14));
}

.bcw-system-topline{
    display:flex;
    align-items:center;
    gap:12px;
    padding-top:4px;
}

.bcw-system-chip{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:40px;
    padding:0 18px;
    border:1px solid rgba(66,245,141,.28);
    border-radius:12px;
    background:rgba(14, 35, 31, .55);
    color:#98ffc2;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:inset 0 0 0 1px rgba(66,245,141,.06), 0 0 30px rgba(66,245,141,.08);
}
.bcw-system-chip i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 10px rgba(66,245,141,.85);
    animation:bcwPulse 2s ease-in-out infinite;
}

.bcw-top-clock{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    padding:0 16px;
    border:1px solid var(--border);
    border-radius:12px;
    color:var(--text-soft);
    font-size:12px;
    letter-spacing:.04em;
    background:rgba(9, 22, 30, .56);
}

@keyframes bcwPulse{
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(.74);opacity:.55}
}

.bcw-kicker{
    margin:0 0 10px;
    color:var(--gold);
    font-size:13px;
    font-weight:700;
    letter-spacing:.20em;
    text-transform:uppercase;
}

.bcw-visual-copy h1{
    margin:0;
    display:grid;
    gap:4px;
    line-height:.94;
}

.bcw-visual-copy h1 span{
    font-size:clamp(32px, 4vw, 56px);
    font-weight:600;
    letter-spacing:-.03em;
    color:#eef5f8;
}

.bcw-visual-copy h1 b{
    font-size:clamp(62px, 8vw, 92px);
    font-weight:780;
    letter-spacing:-.06em;
    color:transparent;
    background:linear-gradient(180deg, #7af6c4 0%, #56efab 34%, #23c982 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 0 30px rgba(66,245,141,.10);
}

.bcw-subheadline{
    max-width:660px;
    margin:16px 0 0;
    color:var(--text-soft);
    font-size:20px;
    line-height:1.58;
}

.bcw-intelligence-stage{
    position:relative;
    min-height:440px;
    display:grid;
    place-items:center;
    margin-top:2px;
}

.bcw-earth-halo,
.bcw-earth-glow{
    position:absolute;
    inset:auto;
    width:min(90%, 720px);
    height:min(90%, 420px);
    border-radius:50%;
    pointer-events:none;
}

.bcw-earth-halo{
    bottom:6%;
    background:
        radial-gradient(circle at 50% 80%, rgba(74,161,255,.28), transparent 48%),
        radial-gradient(circle at 50% 90%, rgba(82,212,245,.14), transparent 65%);
    filter:blur(26px);
}

.bcw-earth-glow{
    width:min(72%, 560px);
    height:min(58%, 320px);
    bottom:8%;
    border:1px solid rgba(74,161,255,.15);
    box-shadow:0 0 60px rgba(74,161,255,.06), inset 0 -12px 40px rgba(82,212,245,.06);
}

.bcw-earth-core{
    position:absolute;
    inset:auto auto 9% 50%;
    transform:translateX(-50%);
    width:min(86%, 710px);
    aspect-ratio:1.35/1;
    border-radius:50%;
    overflow:hidden;
    border:1px solid rgba(74,161,255,.18);
    background:
        radial-gradient(circle at 50% 25%, rgba(28,70,106,.44), transparent 28%),
        radial-gradient(circle at 52% 82%, rgba(5,65,96,.34), transparent 34%),
        linear-gradient(180deg, rgba(7,20,29,0) 0%, rgba(5,14,21,.18) 18%, rgba(2,8,13,.92) 100%);
    box-shadow:
        inset 0 18px 60px rgba(12, 31, 45, .65),
        inset 0 -20px 60px rgba(0, 0, 0, .72);
    opacity:.94;
}

.bcw-earth-night,
.bcw-earth-grid,
.bcw-earth-cities{
    position:absolute;
    inset:0;
}

.bcw-earth-night{
    background:
        radial-gradient(circle at 23% 42%, rgba(255, 207, 110, .85) 0 1px, transparent 2px),
        radial-gradient(circle at 28% 48%, rgba(255, 207, 110, .85) 0 1px, transparent 2px),
        radial-gradient(circle at 31% 51%, rgba(255, 207, 110, .75) 0 1.2px, transparent 2px),
        radial-gradient(circle at 58% 37%, rgba(255, 207, 110, .85) 0 1px, transparent 2px),
        radial-gradient(circle at 63% 40%, rgba(255, 207, 110, .80) 0 1.2px, transparent 2px),
        radial-gradient(circle at 68% 44%, rgba(255, 207, 110, .85) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 54%, rgba(255, 207, 110, .82) 0 1.1px, transparent 2px),
        radial-gradient(circle at 45% 60%, rgba(255, 207, 110, .75) 0 1px, transparent 2px),
        radial-gradient(circle at 36% 34%, rgba(255,255,255,.13), transparent 38%),
        radial-gradient(circle at 67% 54%, rgba(74,161,255,.08), transparent 28%);
    filter:drop-shadow(0 0 10px rgba(255,204,85,.14));
}

.bcw-earth-grid{
    background:
        repeating-linear-gradient(90deg, transparent 0 22px, rgba(82,212,245,.04) 22px 23px),
        repeating-linear-gradient(0deg, transparent 0 22px, rgba(82,212,245,.04) 22px 23px);
    mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.85), transparent 82%);
}

.bcw-earth-cities{
    background:
        linear-gradient(90deg, transparent 0 14%, rgba(115,193,255,.18) 15%, transparent 16%, transparent 84%, rgba(115,193,255,.18) 85%, transparent 86%);
    opacity:.24;
    filter:blur(2px);
}

.bcw-radar-system{
    position:relative;
    width:min(82%, 590px);
    aspect-ratio:1;
    border-radius:50%;
}

.bcw-radar-ring,
.bcw-radar-axis,
.bcw-radar-sweep,
.bcw-radar-center,
.bcw-radar-link{
    position:absolute;
}

.bcw-radar-ring{
    inset:50%;
    transform:translate(-50%, -50%);
    border-radius:50%;
    border:1px solid rgba(82,212,245,.15);
    box-shadow:0 0 12px rgba(82,212,245,.05);
}

.bcw-radar-ring.ring-1{width:26%;height:26%}
.bcw-radar-ring.ring-2{width:46%;height:46%}
.bcw-radar-ring.ring-3{width:66%;height:66%}
.bcw-radar-ring.ring-4{width:88%;height:88%;border-color:rgba(216,176,74,.16)}

.bcw-radar-axis{
    left:50%;
    top:50%;
    background:linear-gradient(90deg, transparent, rgba(82,212,245,.22), transparent);
    transform:translate(-50%, -50%);
}
.bcw-radar-axis.axis-h{width:86%;height:1px}
.bcw-radar-axis.axis-v{width:1px;height:86%;background:linear-gradient(180deg, transparent, rgba(82,212,245,.22), transparent)}

.bcw-radar-sweep{
    inset:6%;
    border-radius:50%;
    background:conic-gradient(from 200deg, transparent 0deg 276deg, rgba(82,212,245,.04) 320deg, rgba(82,212,245,.25) 346deg, rgba(82,212,245,.05) 360deg);
    mask-image:radial-gradient(circle at 50% 50%, transparent 0 15%, black 18%);
    animation:bcwRadarSweep 7s linear infinite;
    filter:drop-shadow(0 0 18px rgba(82,212,245,.14));
}

@keyframes bcwRadarSweep{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

.bcw-radar-center{
    inset:50%;
    transform:translate(-50%, -50%);
    width:23%;
    aspect-ratio:1;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 50% 45%, rgba(11,27,35,.72), rgba(5,12,17,.94)),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
    border:1px solid rgba(216,176,74,.32);
    box-shadow:
        0 0 18px rgba(216,176,74,.12),
        inset 0 0 0 1px rgba(255,255,255,.03);
}
.bcw-radar-center::after{
    content:"";
    position:absolute;
    inset:12%;
    border-radius:50%;
    border:1px solid rgba(216,176,74,.18);
}
.bcw-radar-center img{
    width:72%;
    filter:drop-shadow(0 0 12px rgba(216,176,74,.18));
}

.bcw-radar-link{
    left:50%;
    top:50%;
    transform-origin:left center;
    height:1px;
    width:22%;
    background:linear-gradient(90deg, rgba(82,212,245,.24), rgba(82,212,245,.05));
}
.link-1{transform:translate(0, -50%) rotate(-90deg)}
.link-2{transform:translate(0, -50%) rotate(-140deg)}
.link-3{transform:translate(0, -50%) rotate(-36deg)}
.link-4{transform:translate(0, -50%) rotate(0deg)}
.link-5{transform:translate(0, -50%) rotate(42deg)}
.link-6{transform:translate(0, -50%) rotate(88deg)}
.link-7{transform:translate(0, -50%) rotate(132deg)}
.link-8{transform:translate(0, -50%) rotate(180deg)}

.bcw-asset-node{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    height:56px;
    padding:0 16px;
    border-radius:50px;
    border:1px solid rgba(86, 137, 156, .35);
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        rgba(6, 17, 24, .84);
    color:var(--text);
    box-shadow:0 0 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(8px);
}
.bcw-asset-node::before{
    content:"";
    width:10px;
    height:10px;
    margin-right:10px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 14px currentColor;
    opacity:.88;
}
.bcw-asset-node span{
    font-size:15px;
    font-weight:700;
    letter-spacing:.04em;
}
.node-gold{left:50%;top:3%;transform:translateX(-50%);color:#e7c462}
.node-dxy{left:18%;top:20%;color:#8ff88c}
.node-us10y{left:12%;top:52%;color:#d48fff}
.node-nasdaq{right:8%;top:20%;color:#6fbeff}
.node-us30{right:4%;top:44%;color:#5ef2ff}
.node-oil{left:50%;bottom:8%;transform:translateX(-50%);color:#ff6b5f}
.node-vix{left:22%;bottom:10%;color:#ffd866}
.node-eurusd{right:11%;bottom:10%;color:#57efc7}

.bcw-status-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
}

.bcw-status-card{
    position:relative;
    min-height:116px;
    padding:18px 16px;
    border:1px solid var(--border);
    border-radius:16px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(8, 19, 27, .76);
    display:flex;
    gap:14px;
    align-items:flex-start;
    transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.bcw-status-card:hover{
    transform:translateY(-2px);
    border-color:rgba(216,176,74,.32);
    box-shadow:0 18px 30px rgba(0,0,0,.20);
}
.bcw-status-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:12px;
    border:1px solid rgba(82,212,245,.18);
    display:grid;
    place-items:center;
    color:var(--success);
    background:rgba(13, 33, 43, .70);
}
.bcw-status-card:nth-child(2) .bcw-status-icon{color:#ba91ff}
.bcw-status-card:nth-child(3) .bcw-status-icon{color:#4ac1ff}
.bcw-status-card:nth-child(4) .bcw-status-icon{color:var(--warning)}
.bcw-status-card span{
    display:block;
    margin-bottom:8px;
    color:var(--muted);
    font-size:13px;
    letter-spacing:.09em;
    font-weight:600;
}
.bcw-status-card strong{
    display:block;
    color:var(--text);
    font-size:24px;
    line-height:1.15;
    letter-spacing:-.03em;
}

.bcw-login-principles{
    display:flex;
    flex-wrap:wrap;
    gap:18px 28px;
    align-items:center;
    color:#9dc3d3;
    font-size:15px;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-weight:600;
}
.bcw-login-principles span{
    display:inline-flex;
    align-items:center;
    gap:10px;
}
.bcw-login-principles span svg{
    width:18px;
    height:18px;
    color:var(--gold);
}

.bcw-login-auth{
    min-height:0;
    display:flex;
}

.bcw-auth-card{
    width:100%;
    padding:20px 20px 16px;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.bcw-auth-head{
    display:grid;
    gap:16px;
}

.bcw-auth-code{
    align-self:flex-end;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(74,161,255,.30);
    border-radius:12px;
    background:rgba(9, 23, 33, .74);
    color:#8fd2ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.bcw-auth-head-main{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 114px;
    gap:14px;
    align-items:stretch;
}
.bcw-auth-head-main h2{
    margin:0;
    color:var(--text);
    font-size:clamp(34px, 4vw, 56px);
    font-weight:680;
    line-height:1.03;
    letter-spacing:-.04em;
}
.bcw-auth-shield{
    border:1px solid rgba(66,245,141,.18);
    border-radius:18px;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 50% 30%, rgba(66,245,141,.12), transparent 48%),
        rgba(12, 25, 34, .82);
    color:#66f7a1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 24px rgba(66,245,141,.05);
}
.bcw-auth-shield svg{width:56px;height:56px}

.bcw-alert{
    padding:14px 16px;
    border-radius:14px;
    border:1px solid var(--border);
    font-size:15px;
    line-height:1.5;
}
.bcw-alert-info{
    color:#aee1ff;
    background:rgba(10, 44, 59, .40);
    border-color:rgba(74,161,255,.24);
}
.bcw-alert-warning{
    color:#ffe2a5;
    background:rgba(58, 42, 9, .32);
    border-color:rgba(255,204,85,.22);
}
.bcw-alert-error{
    color:#ffc3c3;
    background:rgba(65, 16, 16, .34);
    border-color:rgba(255,90,90,.24);
}

.bcw-auth-tabs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:0;
    padding:4px;
    border:1px solid var(--border);
    border-radius:16px;
    background:rgba(8, 18, 24, .70);
}
.bcw-auth-tabs button{
    min-height:64px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#b2c0c6;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    font-size:17px;
    font-weight:700;
    letter-spacing:.03em;
}
.bcw-auth-tabs button i{
    width:22px;
    height:22px;
    color:currentColor;
}
.bcw-auth-tabs button.active{
    background:
        linear-gradient(180deg, rgba(216,176,74,.17), rgba(216,176,74,.05)),
        rgba(12, 20, 25, .96);
    color:#f1d98f;
    box-shadow:inset 0 0 0 1px rgba(216,176,74,.24);
}

.bcw-auth-panel{display:none}
.bcw-auth-panel.active{
    display:grid;
    gap:18px;
}

.bcw-form{
    display:grid;
    gap:18px;
}

.bcw-field>span{
    display:block;
    margin-bottom:10px;
    color:#46f29a;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bcw-input-shell{
    position:relative;
    display:flex;
    align-items:center;
    min-height:72px;
    border:1px solid rgba(73, 148, 171, .42);
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
        rgba(4, 13, 19, .92);
    overflow:hidden;
    transition:border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.bcw-input-shell:focus-within{
    border-color:rgba(216,176,74,.52);
    box-shadow:0 0 0 1px rgba(216,176,74,.18), 0 0 28px rgba(216,176,74,.05);
    background:rgba(6, 14, 19, .96);
}
.bcw-input-shell > i{
    flex:0 0 56px;
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    color:#4af59a;
}
.bcw-input-shell > i svg{
    width:20px;
    height:20px;
}
.bcw-input-shell input{
    width:100%;
    height:70px;
    border:0;
    outline:none;
    background:transparent;
    color:var(--text);
    font-size:24px;
    letter-spacing:-.02em;
    padding:0 18px 0 2px;
}
.bcw-input-shell input::placeholder{
    color:#78909a;
}
.bcw-input-action{
    flex:0 0 auto;
    margin-right:14px;
    border:0;
    background:none;
    color:var(--gold);
    font-size:14px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bcw-form-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.bcw-check{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--text-soft);
    font-size:15px;
}
.bcw-check input{
    width:18px;
    height:18px;
    accent-color:var(--gold);
}
.bcw-link-btn{
    border:0;
    padding:0;
    background:none;
    color:#d6e5eb;
    font-size:14px;
    text-decoration:underline;
    text-underline-offset:3px;
}

.bcw-inline-notice{
    padding:13px 14px;
    border:1px solid rgba(74,161,255,.20);
    border-radius:12px;
    color:#aacee0;
    background:rgba(10, 28, 37, .55);
    font-size:14px;
    line-height:1.45;
}

.bcw-primary-button,
.bcw-secondary-button{
    min-height:78px;
    border:1px solid transparent;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 26px;
    font-size:18px;
    font-weight:700;
    letter-spacing:.04em;
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.bcw-primary-button:hover,
.bcw-secondary-button:hover{
    transform:translateY(-1px);
    filter:brightness(1.02);
}
.bcw-primary-button{
    background:
        linear-gradient(90deg, rgba(216,176,74,.95), rgba(193,169,82,.92) 36%, rgba(40,175,182,.92) 100%);
    color:#fff7db;
    box-shadow:0 20px 36px rgba(0,0,0,.25), 0 0 34px rgba(216,176,74,.10);
}
.bcw-primary-button b,
.bcw-secondary-button b{
    font-size:34px;
    line-height:1;
}
.bcw-secondary-button{
    background:
        linear-gradient(90deg, rgba(15, 34, 45, .98), rgba(9, 22, 32, .96));
    border-color:rgba(216,176,74,.24);
    color:#e8ca73;
    box-shadow:0 20px 36px rgba(0,0,0,.22);
}

.bcw-register-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px 18px;
    border:1px solid rgba(74,161,255,.18);
    border-radius:16px;
    background:rgba(8, 20, 27, .72);
}
.bcw-register-strip strong{
    display:block;
    margin-bottom:7px;
    font-size:15px;
    color:var(--text);
}
.bcw-register-strip small{
    display:block;
    color:var(--muted);
    font-size:14px;
}
.bcw-register-strip a{
    flex:0 0 auto;
    color:#3df38e;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    letter-spacing:.06em;
}

.bcw-guest-brief{
    padding:16px 16px 14px;
    border:1px solid rgba(255,204,85,.18);
    border-radius:14px;
    background:rgba(41, 31, 8, .18);
}
.bcw-guest-brief strong{
    display:block;
    margin-bottom:7px;
    color:#ffd56b;
    font-size:15px;
    letter-spacing:.08em;
}
.bcw-guest-brief p{
    margin:0;
    color:#d2d9de;
    font-size:15px;
    line-height:1.55;
}
.bcw-check-wide{
    align-items:flex-start;
    line-height:1.5;
}

.bcw-auth-foot{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px 4px;
    border-top:1px solid rgba(74,161,255,.14);
    color:#80b0d2;
    font-size:14px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.bcw-auth-foot span{
    display:inline-flex;
    align-items:center;
    gap:10px;
}
.bcw-auth-foot span svg{
    width:18px;
    height:18px;
}

.bcw-login-ticker{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    min-height:134px;
    padding:10px 14px;
}
.bcw-ticker-head{
    padding:0 14px 0 8px;
}
.bcw-ticker-label{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 12px;
    border:1px solid rgba(216,176,74,.20);
    border-radius:12px;
    color:#e8c66f;
    font-size:13px;
    letter-spacing:.12em;
    font-weight:700;
}

.bcw-ticker-marquee{
    min-width:0;
    overflow:hidden;
}
.bcw-ticker-track{
    display:flex;
    align-items:stretch;
    gap:10px;
    width:max-content;
    will-change:transform;
    animation:bcwTickerScroll 54s linear infinite;
}
.bcw-ticker-track:hover{
    animation-play-state:paused;
}

@keyframes bcwTickerScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

.bcw-ticker-card{
    width:178px;
    flex:0 0 178px;
    padding:12px 14px 10px;
    border:1px solid rgba(74,161,255,.16);
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
        rgba(6, 15, 22, .88);
    display:grid;
    gap:8px;
    transition:border-color .22s ease, transform .22s ease;
}
.bcw-ticker-card:hover{
    transform:translateY(-2px);
    border-color:rgba(216,176,74,.24);
}
.bcw-ticker-card-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}
.bcw-ticker-symbol{
    color:#8cefff;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
}
.bcw-ticker-arrow{
    font-size:14px;
    font-weight:700;
}
.bcw-ticker-price{
    color:var(--text);
    font-size:18px;
    font-weight:700;
    letter-spacing:-.03em;
}
.bcw-ticker-change{
    font-size:15px;
    font-weight:700;
}
.bcw-ticker-change.up,
.bcw-ticker-arrow.up,
.bcw-ticker-card.up .bcw-ticker-symbol{color:#47f193}
.bcw-ticker-change.down,
.bcw-ticker-arrow.down,
.bcw-ticker-card.down .bcw-ticker-symbol{color:#ff6767}
.bcw-mini-chart{
    width:100%;
    height:34px;
}
.bcw-mini-chart svg{
    width:100%;
    height:100%;
    overflow:visible;
    stroke-width:1.9;
    fill:none;
}

.bcw-ticker-meta{
    min-width:170px;
    display:grid;
    justify-items:end;
    gap:6px;
    padding-right:4px;
}
.bcw-ticker-meta span{
    color:var(--text-soft);
    font-size:13px;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.bcw-ticker-meta strong{
    color:var(--text);
    font-size:18px;
    letter-spacing:.02em;
}

@media (max-width: 1600px){
    .bcw-subheadline{font-size:18px}
    .bcw-status-card strong{font-size:20px}
    .bcw-input-shell input{font-size:20px}
}

@media (max-width: 1320px){
    .bcw-login-main{
        grid-template-columns:1fr;
    }
    .bcw-login-visual{
        min-height:auto;
    }
    .bcw-auth-card{
        max-width:none;
    }
    .bcw-status-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .bcw-login-ticker{
        grid-template-columns:1fr;
        gap:10px;
    }
    .bcw-ticker-meta{
        justify-items:start;
        padding-left:8px;
    }
}

@media (max-width: 900px){
    .bcw-login-shell{
        padding:12px 12px 10px;
    }
    .bcw-login-visual,
    .bcw-auth-card{
        padding:16px;
    }
    .bcw-visual-head,
    .bcw-form-row,
    .bcw-register-strip,
    .bcw-auth-foot{
        flex-direction:column;
        align-items:flex-start;
    }
    .bcw-system-topline{
        width:100%;
        flex-wrap:wrap;
    }
    .bcw-auth-head-main{
        grid-template-columns:1fr;
    }
    .bcw-auth-shield{
        min-height:100px;
    }
    .bcw-intelligence-stage{
        min-height:320px;
    }
    .bcw-radar-system{
        width:min(94%, 520px);
    }
    .bcw-status-grid{
        grid-template-columns:1fr;
    }
    .bcw-login-principles{
        gap:12px 18px;
        font-size:13px;
    }
    .bcw-auth-tabs button{
        min-height:56px;
        font-size:15px;
    }
    .bcw-input-shell{
        min-height:62px;
    }
    .bcw-input-shell input{
        height:60px;
        font-size:18px;
    }
    .bcw-primary-button,
    .bcw-secondary-button{
        min-height:68px;
        font-size:16px;
    }
    .bcw-auth-foot{
        padding-left:0;
        font-size:12px;
    }
}

@media (max-width: 640px){
    .bcw-visual-copy h1 span{font-size:28px}
    .bcw-visual-copy h1 b{font-size:52px}
    .bcw-subheadline{font-size:16px;line-height:1.5}
    .bcw-asset-node{
        min-width:72px;
        height:42px;
        padding:0 10px;
    }
    .bcw-asset-node span{font-size:11px}
    .bcw-asset-node::before{
        width:8px;
        height:8px;
        margin-right:8px;
    }
    .bcw-auth-head-main h2{
        font-size:30px;
    }
    .bcw-kicker{font-size:11px}
}


/* =====================================================================
   BCW LOGIN V4.0.2 · COMPACT PRECISION + RESPONSIVE OVERRIDE
   Desktop reference: 1366×768, 1440×900, 1920×1080.
   ===================================================================== */

html{
    width:100%;
    min-height:100%;
    font-size:16px;
}

body.bcw-login-page{
    min-width:0;
    min-height:100dvh;
    overflow-x:hidden;
}

.bcw-login-shell{
    width:min(100%,1920px);
    height:100dvh;
    min-height:100dvh;
    margin:0 auto;
    padding:clamp(8px,.9vw,14px);
    grid-template-rows:minmax(0,1fr) clamp(82px,11.5vh,106px);
    gap:clamp(8px,.8vw,12px);
}

.bcw-login-main{
    min-width:0;
    min-height:0;
    grid-template-columns:minmax(0,58fr) minmax(380px,42fr);
    gap:clamp(9px,.8vw,14px);
}

.bcw-login-visual,
.bcw-auth-card,
.bcw-login-ticker{
    border-radius:14px;
}

.bcw-login-visual{
    min-width:0;
    min-height:0;
    padding:clamp(14px,1.35vw,22px);
    grid-template-rows:auto auto minmax(210px,1fr) auto auto;
    gap:clamp(7px,.75vh,11px);
}

.bcw-visual-head{
    align-items:center;
    gap:12px;
}

.bcw-brand-stack img{
    width:clamp(128px,12vw,190px);
    min-width:0;
    max-height:62px;
    object-fit:contain;
    object-position:left center;
}

.bcw-system-topline{
    gap:7px;
    padding-top:0;
    flex-wrap:nowrap;
}

.bcw-system-chip,
.bcw-top-clock{
    min-height:30px;
    border-radius:8px;
    font-size:9px;
    white-space:nowrap;
}

.bcw-system-chip{
    gap:7px;
    padding:0 10px;
}

.bcw-system-chip i{
    width:6px;
    height:6px;
}

.bcw-top-clock{
    padding:0 10px;
}

.bcw-visual-copy{
    max-width:min(100%,640px);
}

.bcw-kicker{
    margin-bottom:5px;
    font-size:clamp(9px,.72vw,11px);
    line-height:1.25;
    letter-spacing:.16em;
}

.bcw-visual-copy h1{
    gap:0;
    line-height:.96;
}

.bcw-visual-copy h1 span{
    font-size:clamp(22px,2.05vw,34px);
    letter-spacing:-.025em;
}

.bcw-visual-copy h1 b{
    font-size:clamp(42px,4.2vw,66px);
    letter-spacing:-.05em;
}

.bcw-subheadline{
    max-width:600px;
    margin:7px 0 0;
    font-size:clamp(11px,.9vw,14px);
    line-height:1.5;
}

.bcw-intelligence-stage{
    min-height:210px;
    height:100%;
    margin:0;
    overflow:hidden;
}

.bcw-earth-halo{
    width:min(82%,600px);
    height:min(82%,330px);
    bottom:0;
}

.bcw-earth-glow{
    width:min(68%,490px);
    height:min(55%,260px);
    bottom:3%;
}

.bcw-earth-core{
    bottom:2%;
    width:min(76%,560px);
}

.bcw-radar-system{
    width:min(70%,420px);
    max-height:100%;
}

.bcw-radar-center{
    width:clamp(56px,6.3vw,88px);
    height:clamp(56px,6.3vw,88px);
}

.bcw-asset-node{
    min-width:clamp(64px,5.3vw,82px);
    height:clamp(31px,3.1vw,42px);
    padding:0 clamp(8px,.8vw,12px);
    border-radius:999px;
}

.bcw-asset-node::before{
    width:7px;
    height:7px;
    margin-right:7px;
}

.bcw-asset-node span{
    font-size:clamp(8px,.67vw,10px);
}

.bcw-status-grid{
    gap:7px;
}

.bcw-status-card{
    min-height:66px;
    padding:9px 10px;
    border-radius:10px;
    gap:8px;
    align-items:center;
}

.bcw-status-icon{
    flex-basis:30px;
    width:30px;
    height:30px;
    border-radius:8px;
}

.bcw-status-icon svg{
    width:17px;
    height:17px;
}

.bcw-status-card span{
    margin-bottom:3px;
    font-size:clamp(7px,.57vw,9px);
    letter-spacing:.06em;
}

.bcw-status-card strong{
    font-size:clamp(11px,1vw,15px);
    line-height:1.2;
}

.bcw-login-principles{
    min-height:22px;
    gap:8px 18px;
    font-size:clamp(8px,.65vw,10px);
    letter-spacing:.09em;
}

.bcw-login-principles span{
    gap:6px;
}

.bcw-login-principles span svg{
    width:13px;
    height:13px;
}

.bcw-login-auth{
    min-width:0;
    min-height:0;
}

.bcw-auth-card{
    min-height:0;
    height:100%;
    padding:clamp(14px,1.25vw,20px);
    gap:clamp(9px,1vh,14px);
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(216,176,74,.35) transparent;
}

.bcw-auth-head{
    gap:7px;
}

.bcw-auth-code{
    position:absolute;
    top:10px;
    right:10px;
    min-height:25px;
    padding:0 9px;
    border-radius:8px;
    font-size:8px;
}

.bcw-auth-head-main{
    grid-template-columns:minmax(0,1fr) clamp(66px,7vw,90px);
    gap:10px;
    padding-top:13px;
}

.bcw-auth-head-main h2{
    font-size:clamp(25px,2.2vw,36px);
    line-height:1.05;
}

.bcw-auth-shield{
    min-height:66px;
    border-radius:12px;
}

.bcw-auth-shield svg{
    width:38px;
    height:38px;
}

.bcw-alert{
    padding:9px 11px;
    border-radius:9px;
    font-size:11px;
    line-height:1.4;
}

.bcw-auth-tabs{
    padding:3px;
    border-radius:10px;
}

.bcw-auth-tabs button{
    min-height:43px;
    border-radius:8px;
    gap:8px;
    font-size:11px;
}

.bcw-auth-tabs button i{
    width:16px;
    height:16px;
}

.bcw-auth-panel.active,
.bcw-form{
    gap:clamp(9px,1vh,13px);
}

.bcw-field>span{
    margin-bottom:6px;
    font-size:9px;
    letter-spacing:.07em;
}

.bcw-input-shell{
    min-height:49px;
    border-radius:9px;
}

.bcw-input-shell>i{
    flex-basis:42px;
    width:42px;
    height:42px;
}

.bcw-input-shell>i svg{
    width:17px;
    height:17px;
}

.bcw-input-shell input{
    height:47px;
    padding:0 10px 0 0;
    font-size:clamp(13px,1vw,16px);
}

.bcw-input-action{
    margin-right:10px;
    font-size:9px;
}

.bcw-form-row{
    gap:10px;
}

.bcw-check{
    gap:8px;
    font-size:10px;
}

.bcw-check input{
    width:15px;
    height:15px;
}

.bcw-link-btn{
    font-size:10px;
}

.bcw-inline-notice{
    padding:8px 10px;
    border-radius:8px;
    font-size:10px;
}

.bcw-primary-button,
.bcw-secondary-button{
    min-height:51px;
    border-radius:10px;
    padding:0 16px;
    font-size:12px;
}

.bcw-primary-button b,
.bcw-secondary-button b{
    font-size:22px;
}

.bcw-register-strip{
    gap:10px;
    padding:10px 12px;
    border-radius:10px;
}

.bcw-register-strip strong{
    margin-bottom:3px;
    font-size:10px;
}

.bcw-register-strip small{
    font-size:9px;
}

.bcw-register-strip a{
    font-size:10px;
}

.bcw-guest-brief{
    padding:10px 11px;
    border-radius:9px;
}

.bcw-guest-brief strong{
    margin-bottom:4px;
    font-size:10px;
}

.bcw-guest-brief p{
    font-size:10px;
    line-height:1.45;
}

.bcw-auth-foot{
    margin-top:auto;
    gap:8px;
    padding:10px 4px 0;
    font-size:8px;
    letter-spacing:.06em;
}

.bcw-auth-foot span{
    gap:6px;
}

.bcw-auth-foot span svg{
    width:13px;
    height:13px;
}

.bcw-login-ticker{
    min-height:0;
    height:100%;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:8px;
    padding:7px 9px;
}

.bcw-ticker-head{
    padding:0 7px 0 3px;
}

.bcw-ticker-label{
    min-height:29px;
    padding:0 8px;
    border-radius:8px;
    font-size:8px;
    letter-spacing:.08em;
    white-space:nowrap;
}

.bcw-ticker-track{
    gap:7px;
}

.bcw-ticker-card{
    width:126px;
    flex-basis:126px;
    min-height:68px;
    padding:7px 9px;
    border-radius:9px;
    gap:3px;
}

.bcw-ticker-symbol,
.bcw-ticker-arrow{
    font-size:8px;
}

.bcw-ticker-price{
    font-size:13px;
}

.bcw-ticker-change{
    font-size:9px;
}

.bcw-mini-chart{
    height:20px;
}

.bcw-ticker-meta{
    min-width:118px;
    gap:3px;
}

.bcw-ticker-meta span{
    font-size:8px;
}

.bcw-ticker-meta strong{
    font-size:11px;
}

/* Laptop pendek seperti 1366×768. */
@media (max-height:760px) and (min-width:1100px){
    .bcw-login-shell{
        grid-template-rows:minmax(0,1fr) 76px;
    }

    .bcw-login-visual{
        grid-template-rows:auto auto minmax(170px,1fr) auto;
    }

    .bcw-login-principles{
        display:none;
    }

    .bcw-intelligence-stage{
        min-height:170px;
    }

    .bcw-status-card{
        min-height:57px;
        padding:7px 8px;
    }

    .bcw-auth-card{
        gap:8px;
        padding:12px 15px;
    }

    .bcw-auth-head-main{
        padding-top:9px;
    }

    .bcw-auth-shield{
        min-height:54px;
    }

    .bcw-auth-tabs button{
        min-height:38px;
    }

    .bcw-input-shell{
        min-height:44px;
    }

    .bcw-input-shell input{
        height:42px;
    }

    .bcw-primary-button,
    .bcw-secondary-button{
        min-height:45px;
    }

    .bcw-auth-foot{
        padding-top:6px;
    }
}

/* Laptop/tablet landscape masih split, bukan langsung menumpuk. */
@media (max-width:1180px){
    .bcw-login-shell{
        height:auto;
        min-height:100dvh;
        grid-template-rows:auto 92px;
    }

    .bcw-login-main{
        grid-template-columns:minmax(0,54fr) minmax(360px,46fr);
    }

    .bcw-login-visual{
        grid-template-rows:auto auto minmax(240px,1fr) auto;
    }

    .bcw-login-principles{
        display:none;
    }

    .bcw-status-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* Tablet portrait: login ditampilkan dahulu. */
@media (max-width:920px){
    body.bcw-login-page{
        overflow-y:auto;
    }

    .bcw-login-shell{
        width:100%;
        height:auto;
        min-height:100dvh;
        padding:9px;
        grid-template-rows:auto 86px;
    }

    .bcw-login-main{
        grid-template-columns:1fr;
        gap:9px;
    }

    .bcw-login-auth{
        order:1;
    }

    .bcw-login-visual{
        order:2;
        grid-template-rows:auto auto 300px auto;
    }

    .bcw-auth-card{
        height:auto;
        overflow:visible;
    }

    .bcw-status-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .bcw-login-principles{
        display:none;
    }

    .bcw-login-ticker{
        grid-template-columns:auto minmax(0,1fr);
    }

    .bcw-ticker-meta{
        display:none;
    }
}

/* Mobile. */
@media (max-width:680px){
    .bcw-login-shell{
        padding:7px;
        grid-template-rows:auto 80px;
        gap:7px;
    }

    .bcw-login-visual,
    .bcw-auth-card{
        padding:13px;
    }

    .bcw-visual-head{
        align-items:flex-start;
    }

    .bcw-brand-stack img{
        width:125px;
        max-height:48px;
    }

    .bcw-system-topline{
        justify-content:flex-end;
        flex-wrap:wrap;
    }

    .bcw-top-clock{
        display:none;
    }

    .bcw-visual-copy h1 span{
        font-size:21px;
    }

    .bcw-visual-copy h1 b{
        font-size:42px;
    }

    .bcw-subheadline{
        font-size:11px;
    }

    .bcw-login-visual{
        grid-template-rows:auto auto 250px auto;
    }

    .bcw-radar-system{
        width:min(86%,350px);
    }

    .bcw-status-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .bcw-status-card{
        min-height:60px;
    }

    .bcw-auth-head-main{
        grid-template-columns:minmax(0,1fr) 58px;
    }

    .bcw-auth-head-main h2{
        font-size:25px;
    }

    .bcw-auth-shield{
        min-height:58px;
    }

    .bcw-form-row{
        flex-direction:row;
        align-items:center;
    }

    .bcw-register-strip,
    .bcw-auth-foot{
        flex-direction:row;
        align-items:center;
    }

    .bcw-auth-foot{
        flex-wrap:wrap;
    }

    .bcw-login-ticker{
        grid-template-columns:minmax(0,1fr);
    }

    .bcw-ticker-head{
        display:none;
    }

    .bcw-ticker-card{
        width:116px;
        flex-basis:116px;
    }
}

@media (max-width:430px){
    .bcw-login-visual{
        grid-template-rows:auto auto 220px auto;
    }

    .bcw-auth-card,
    .bcw-login-visual{
        border-radius:12px;
    }

    .bcw-auth-tabs button{
        font-size:10px;
    }

    .bcw-form-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .bcw-register-strip{
        align-items:flex-start;
        flex-direction:column;
    }

    .bcw-register-strip a{
        align-self:flex-end;
    }

    .bcw-auth-foot{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media (prefers-reduced-motion:reduce){
    .bcw-login-particle-layer,
    .bcw-radar-sweep,
    .bcw-ticker-track,
    .bcw-system-chip i{
        animation:none !important;
    }
}


/* ==========================================================
   BCW LOGIN V4.1.0 · REFERENCE-MATCH OVERRIDE
   Target: much closer to the supplied hero composition.
   ========================================================== */

body.bcw-login-page{
    background:
        radial-gradient(circle at 14% 14%, rgba(74,161,255,.09), transparent 25%),
        radial-gradient(circle at 92% 6%, rgba(66,245,141,.04), transparent 18%),
        radial-gradient(circle at 65% 90%, rgba(216,176,74,.06), transparent 28%),
        linear-gradient(180deg,#050c10 0%,#071219 52%,#081116 100%);
}

.bcw-login-shell{
    width:min(100%,1920px);
    height:100dvh;
    min-height:100dvh;
    margin:0 auto;
    padding:10px;
    gap:10px;
    grid-template-rows:minmax(0,1fr) 96px;
}

.bcw-login-main{
    gap:12px;
    grid-template-columns:minmax(0,1.52fr) minmax(540px,1fr);
}

.bcw-login-visual,
.bcw-auth-card,
.bcw-login-ticker{
    border-color:rgba(73,123,145,.28);
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008)),
      rgba(6,18,25,.88);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 0 40px rgba(66,160,220,.03),
      0 12px 34px rgba(0,0,0,.22);
}

.bcw-login-visual{
    padding:22px 24px 18px;
    display:grid;
    grid-template-columns:minmax(290px,35%) minmax(0,65%);
    grid-template-rows:auto auto minmax(0,1fr) auto;
    grid-template-areas:
      'head head'
      'copy stage'
      'status stage'
      'principles stage';
    column-gap:20px;
    row-gap:14px;
    align-items:start;
}

.bcw-visual-head{grid-area:head;align-items:flex-start;}
.bcw-visual-copy{grid-area:copy;max-width:460px;padding-top:2px;}
.bcw-intelligence-stage{grid-area:stage;align-self:stretch;min-height:0;height:100%;margin:0;}
.bcw-status-grid{grid-area:status;grid-template-columns:1fr;gap:10px;align-self:end;}
.bcw-login-principles{grid-area:principles;align-self:end;padding-top:4px;}

.bcw-brand-stack img{
    width:min(250px,16vw);
    min-width:160px;
    max-height:88px;
}

.bcw-system-topline{gap:10px;padding-top:2px;}
.bcw-system-chip,.bcw-top-clock{
    min-height:34px;
    border-radius:10px;
    font-size:11px;
}
.bcw-system-chip{padding:0 14px;}
.bcw-top-clock{padding:0 12px;}

.bcw-kicker{margin:0 0 6px;font-size:11px;letter-spacing:.18em;}
.bcw-visual-copy h1 span{font-size:clamp(26px,2.35vw,48px);}
.bcw-visual-copy h1 b{
    font-size:clamp(62px,5.3vw,94px);
    line-height:.88;
    background:linear-gradient(180deg,#78f2c4 0%,#4aecaa 34%,#18c77f 100%);
    -webkit-background-clip:text;background-clip:text;
}
.bcw-subheadline{
    margin-top:10px;
    max-width:500px;
    font-size:15px;
    line-height:1.52;
    color:#d2dce1;
}

.bcw-intelligence-stage{
    display:grid;
    place-items:center;
}
.bcw-earth-halo{width:min(110%,820px);height:min(88%,470px);bottom:4%;filter:blur(22px);}
.bcw-earth-glow{width:min(86%,620px);height:min(60%,330px);bottom:8%;}
.bcw-earth-core{
    width:min(94%,840px);
    aspect-ratio:1.52/1;
    inset:auto auto 9% 50%;
    opacity:.96;
    border-color:rgba(74,161,255,.22);
}
.bcw-earth-night{
    background:
        radial-gradient(circle at 20% 42%, rgba(255, 207, 110, .92) 0 1px, transparent 2px),
        radial-gradient(circle at 24% 46%, rgba(255, 207, 110, .92) 0 1.1px, transparent 2px),
        radial-gradient(circle at 28% 49%, rgba(255, 207, 110, .86) 0 1.2px, transparent 2px),
        radial-gradient(circle at 31% 52%, rgba(255, 207, 110, .85) 0 1.2px, transparent 2px),
        radial-gradient(circle at 34% 55%, rgba(255, 207, 110, .85) 0 1px, transparent 2px),
        radial-gradient(circle at 54% 35%, rgba(255, 207, 110, .92) 0 1px, transparent 2px),
        radial-gradient(circle at 58% 38%, rgba(255, 207, 110, .90) 0 1.1px, transparent 2px),
        radial-gradient(circle at 63% 42%, rgba(255, 207, 110, .90) 0 1.1px, transparent 2px),
        radial-gradient(circle at 67% 46%, rgba(255, 207, 110, .85) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 51%, rgba(255, 207, 110, .80) 0 1.2px, transparent 2px),
        radial-gradient(circle at 73% 58%, rgba(255, 207, 110, .78) 0 1px, transparent 2px),
        radial-gradient(circle at 49% 63%, rgba(255, 207, 110, .70) 0 1px, transparent 2px),
        radial-gradient(circle at 34% 34%, rgba(255,255,255,.11), transparent 37%),
        radial-gradient(circle at 69% 57%, rgba(74,161,255,.08), transparent 30%);
}
.bcw-earth-cities{
    background:
      linear-gradient(90deg, transparent 0 12%, rgba(115,193,255,.17) 13%, transparent 14%, transparent 82%, rgba(115,193,255,.18) 83%, transparent 84%),
      linear-gradient(90deg, transparent 0 36%, rgba(115,193,255,.08) 37%, transparent 38%, transparent 62%, rgba(115,193,255,.08) 63%, transparent 64%);
    opacity:.28;
}

.bcw-radar-system{width:min(96%,700px);}
.bcw-radar-ring{border-color:rgba(82,212,245,.12);}
.bcw-radar-ring.ring-1{width:24%;height:24%}
.bcw-radar-ring.ring-2{width:43%;height:43%}
.bcw-radar-ring.ring-3{width:66%;height:66%}
.bcw-radar-ring.ring-4{width:89%;height:89%;border-color:rgba(216,176,74,.14)}
.bcw-radar-sweep{inset:5%;opacity:.95;}
.bcw-radar-center{width:18%;border-color:rgba(216,176,74,.30);}
.bcw-radar-center img{width:70%;}
.bcw-radar-link{width:29%;background:linear-gradient(90deg, rgba(82,212,245,.28), rgba(82,212,245,.04));}
.link-1{transform:translate(0,-50%) rotate(-74deg)}
.link-2{transform:translate(0,-50%) rotate(-145deg)}
.link-3{transform:translate(0,-50%) rotate(-28deg)}
.link-4{transform:translate(0,-50%) rotate(2deg)}
.link-5{transform:translate(0,-50%) rotate(28deg)}
.link-6{transform:translate(0,-50%) rotate(78deg)}
.link-7{transform:translate(0,-50%) rotate(148deg)}
.link-8{transform:translate(0,-50%) rotate(180deg)}

.bcw-asset-node{
    min-width:118px;
    height:52px;
    padding:0 15px;
    border-radius:16px;
    border-color:rgba(79,126,145,.44);
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      rgba(8,22,31,.88);
}
.bcw-asset-node::before{width:8px;height:8px;margin-right:8px;}
.bcw-asset-node span{font-size:13px;font-weight:700;letter-spacing:.03em;}
.node-gold{left:50%;top:2%;transform:translateX(-50%)}
.node-dxy{left:17%;top:21%}
.node-us10y{left:12%;top:56%}
.node-nasdaq{right:8%;top:21%}
.node-us30{right:4%;top:46%}
.node-oil{left:50%;bottom:6%;transform:translateX(-50%)}
.node-vix{left:23%;bottom:9%}
.node-eurusd{right:12%;bottom:11%}

.bcw-status-card{
    min-height:72px;
    padding:12px 14px;
    border-radius:14px;
    align-items:center;
    gap:12px;
}
.bcw-status-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;}
.bcw-status-icon svg{width:18px;height:18px;}
.bcw-status-card span{margin-bottom:4px;font-size:10px;}
.bcw-status-card strong{font-size:17px;}

.bcw-login-principles{gap:14px 18px;font-size:11px;letter-spacing:.09em;}
.bcw-login-principles span{gap:8px;}
.bcw-login-principles span svg{width:14px;height:14px;}

.bcw-login-auth{display:flex;align-items:stretch;}
.bcw-auth-card{
    padding:16px 18px 14px;
    gap:14px;
    min-height:0;
}
.bcw-auth-head{gap:12px;}
.bcw-auth-code{
    min-height:30px;
    padding:0 10px;
    border-radius:10px;
    font-size:10px;
    letter-spacing:.08em;
}
.bcw-auth-head-main{grid-template-columns:minmax(0,1fr) 88px;gap:12px;}
.bcw-auth-head-main h2{font-size:clamp(34px,3.1vw,56px);}
.bcw-auth-shield{border-radius:14px;}
.bcw-auth-shield svg{width:36px;height:36px;}

.bcw-alert{padding:10px 12px;border-radius:10px;font-size:14px;}
.bcw-auth-tabs{padding:3px;border-radius:12px;}
.bcw-auth-tabs button{min-height:48px;font-size:13px;border-radius:10px;gap:8px;}
.bcw-auth-tabs button i{width:18px;height:18px;}
.bcw-auth-panel.active,.bcw-form{gap:12px;}
.bcw-field>span{margin-bottom:6px;font-size:11px;}
.bcw-input-shell{min-height:52px;border-radius:12px;}
.bcw-input-shell>i{flex-basis:44px;width:44px;height:44px;}
.bcw-input-shell input{height:50px;font-size:15px;}
.bcw-input-action{font-size:11px;margin-right:14px;}
.bcw-form-row{align-items:center;}
.bcw-check,.bcw-link-btn{font-size:12px;}
.bcw-inline-notice{font-size:12px;padding:9px 10px;}
.bcw-primary-button,.bcw-secondary-button{min-height:58px;border-radius:12px;font-size:14px;}
.bcw-primary-button b,.bcw-secondary-button b{font-size:28px;}
.bcw-register-strip{padding:12px 14px;border-radius:12px;}
.bcw-register-strip strong{font-size:12px;margin-bottom:4px;}
.bcw-register-strip small,.bcw-register-strip a{font-size:11px;}
.bcw-guest-brief{padding:12px;border-radius:12px;}
.bcw-guest-brief strong{font-size:12px;}
.bcw-guest-brief p{font-size:12px;line-height:1.5;}
.bcw-auth-foot{margin-top:auto;padding-top:8px;font-size:10px;}

.bcw-login-ticker{
    grid-template-columns:auto minmax(0,1fr) auto;
    padding:8px 10px;
    gap:8px;
    border-radius:16px;
}
.bcw-ticker-label{min-height:30px;padding:0 10px;border-radius:9px;font-size:10px;}
.bcw-ticker-track{gap:8px;}
.bcw-ticker-card{width:128px;flex-basis:128px;min-height:72px;padding:8px 10px;border-radius:10px;}
.bcw-ticker-symbol,.bcw-ticker-arrow{font-size:9px;}
.bcw-ticker-price{font-size:14px;}
.bcw-ticker-change{font-size:10px;}
.bcw-mini-chart{height:22px;}
.bcw-ticker-meta{min-width:126px;gap:4px;}
.bcw-ticker-meta span{font-size:9px;}
.bcw-ticker-meta strong{font-size:12px;}

@media (max-width: 1580px){
  .bcw-login-main{grid-template-columns:minmax(0,1.45fr) minmax(500px,1fr);}
  .bcw-login-visual{grid-template-columns:minmax(260px,33%) minmax(0,67%);}
  .bcw-radar-system{width:min(98%,620px)}
  .bcw-visual-copy h1 b{font-size:clamp(56px,5vw,86px)}
}

@media (max-width: 1380px){
  .bcw-login-shell{grid-template-rows:minmax(0,1fr) 88px;}
  .bcw-login-main{grid-template-columns:minmax(0,1.38fr) minmax(450px,1fr);}
  .bcw-login-visual{padding:18px 18px 16px;grid-template-columns:minmax(250px,36%) minmax(0,64%);column-gap:14px;}
  .bcw-brand-stack img{width:min(220px,16vw)}
  .bcw-visual-copy h1 span{font-size:32px}
  .bcw-visual-copy h1 b{font-size:68px}
  .bcw-subheadline{font-size:13px;max-width:410px;}
  .bcw-status-card strong{font-size:15px;}
  .bcw-radar-system{width:min(100%,560px)}
  .bcw-asset-node{min-width:102px;height:46px}
  .bcw-asset-node span{font-size:12px}
  .bcw-auth-head-main h2{font-size:42px}
}

@media (max-height: 820px) and (min-width: 1200px){
  .bcw-login-shell{grid-template-rows:minmax(0,1fr) 84px;}
  .bcw-login-visual{padding:18px 18px 14px;row-gap:10px;}
  .bcw-subheadline{font-size:13px;margin-top:8px;}
  .bcw-intelligence-stage{min-height:0;}
  .bcw-radar-system{width:min(96%,560px)}
  .bcw-status-card{min-height:64px;padding:10px 12px;}
  .bcw-status-card strong{font-size:14px;}
  .bcw-login-principles{font-size:10px;gap:10px 14px;}
  .bcw-auth-card{padding:14px 16px 12px;gap:12px;}
  .bcw-auth-tabs button{min-height:44px;}
  .bcw-input-shell{min-height:48px;}
  .bcw-input-shell input{height:46px;}
  .bcw-primary-button,.bcw-secondary-button{min-height:54px;}
  .bcw-ticker-card{min-height:66px;}
}

@media (max-width: 1100px){
  .bcw-login-shell{height:auto;min-height:100dvh;grid-template-rows:auto 90px;}
  .bcw-login-main{grid-template-columns:1fr;}
  .bcw-login-visual{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 360px auto auto;grid-template-areas:'head' 'copy' 'stage' 'status' 'principles';}
  .bcw-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bcw-auth-head-main h2{font-size:44px;}
}

@media (max-width: 720px){
  .bcw-login-shell{padding:8px;grid-template-rows:auto 82px;gap:8px;}
  .bcw-login-main{gap:8px;}
  .bcw-login-visual,.bcw-auth-card{padding:14px;}
  .bcw-visual-head{flex-wrap:wrap;gap:10px;}
  .bcw-system-topline{width:100%;justify-content:flex-end;}
  .bcw-visual-copy h1 span{font-size:24px;}
  .bcw-visual-copy h1 b{font-size:54px;}
  .bcw-subheadline{font-size:12px;}
  .bcw-login-visual{grid-template-rows:auto auto 270px auto;}
  .bcw-status-grid{grid-template-columns:1fr;}
  .bcw-login-principles{display:none;}
  .bcw-auth-head-main{grid-template-columns:minmax(0,1fr) 70px;}
  .bcw-auth-head-main h2{font-size:34px;}
  .bcw-auth-tabs button{font-size:12px;}
  .bcw-login-ticker{grid-template-columns:minmax(0,1fr);}
  .bcw-ticker-head,.bcw-ticker-meta{display:none;}
}


/* ==========================================================
   BCW LOGIN V4.1.1 · LEFT PANEL CLEANUP
   Fix overlap between headline, paragraph, and status cards.
   ========================================================== */

.bcw-login-visual{
    grid-template-columns:minmax(360px,40%) minmax(0,60%);
    grid-template-rows:auto auto auto 1fr;
    grid-template-areas:
      'head head'
      'copy stage'
      'status stage'
      'principles stage';
    row-gap:18px;
    column-gap:22px;
    align-items:start;
}

.bcw-visual-copy{
    max-width:520px;
    padding-top:4px;
}

.bcw-visual-copy h1{
    gap:2px;
}

.bcw-visual-copy h1 span{
    font-size:clamp(24px,2.1vw,42px);
    line-height:.98;
}

.bcw-visual-copy h1 b{
    font-size:clamp(56px,5vw,86px);
    line-height:.90;
}

.bcw-subheadline{
    max-width:500px;
    margin-top:12px;
    font-size:14px;
    line-height:1.62;
    color:#c9d6dc;
}

.bcw-status-grid{
    margin-top:8px;
    grid-template-columns:1fr;
    gap:12px;
    align-self:start;
}

.bcw-status-card{
    min-height:76px;
    padding:13px 15px;
}

.bcw-login-principles{
    padding-top:6px;
    align-self:start;
}

.bcw-intelligence-stage{
    min-height:520px;
}

@media (max-width: 1580px){
    .bcw-login-visual{
        grid-template-columns:minmax(330px,39%) minmax(0,61%);
        column-gap:18px;
    }

    .bcw-visual-copy{
        max-width:470px;
    }

    .bcw-visual-copy h1 span{
        font-size:clamp(24px,2.05vw,40px);
    }

    .bcw-visual-copy h1 b{
        font-size:clamp(52px,4.8vw,80px);
    }

    .bcw-subheadline{
        font-size:13px;
        max-width:450px;
    }
}

@media (max-width: 1380px){
    .bcw-login-visual{
        grid-template-columns:minmax(300px,41%) minmax(0,59%);
        row-gap:14px;
        column-gap:14px;
    }

    .bcw-visual-copy{
        max-width:420px;
    }

    .bcw-visual-copy h1 span{
        font-size:30px;
    }

    .bcw-visual-copy h1 b{
        font-size:62px;
    }

    .bcw-subheadline{
        font-size:12.5px;
        line-height:1.56;
        max-width:400px;
    }

    .bcw-status-grid{
        margin-top:4px;
        gap:10px;
    }

    .bcw-status-card{
        min-height:70px;
        padding:12px 13px;
    }

    .bcw-status-card strong{
        font-size:14px;
    }

    .bcw-intelligence-stage{
        min-height:470px;
    }
}

@media (max-height: 820px) and (min-width: 1200px){
    .bcw-login-visual{
        grid-template-columns:minmax(300px,40%) minmax(0,60%);
        row-gap:12px;
    }

    .bcw-visual-copy h1 span{
        font-size:28px;
    }

    .bcw-visual-copy h1 b{
        font-size:58px;
    }

    .bcw-subheadline{
        font-size:12px;
        line-height:1.5;
        margin-top:10px;
        max-width:390px;
    }

    .bcw-status-grid{
        margin-top:2px;
    }

    .bcw-status-card{
        min-height:66px;
        padding:11px 12px;
    }

    .bcw-login-principles{
        font-size:10px;
        gap:8px 12px;
    }

    .bcw-intelligence-stage{
        min-height:430px;
    }
}

@media (max-width: 1100px){
    .bcw-login-visual{
        grid-template-columns:1fr;
        grid-template-rows:auto auto 340px auto auto;
        grid-template-areas:'head' 'copy' 'stage' 'status' 'principles';
    }

    .bcw-visual-copy,
    .bcw-subheadline{
        max-width:100%;
    }

    .bcw-status-grid{
        margin-top:0;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .bcw-intelligence-stage{
        min-height:340px;
    }
}

@media (max-width: 720px){
    .bcw-login-visual{
        grid-template-rows:auto auto 260px auto;
    }

    .bcw-status-grid{
        grid-template-columns:1fr;
    }

    .bcw-visual-copy h1 span{
        font-size:22px;
    }

    .bcw-visual-copy h1 b{
        font-size:50px;
    }

    .bcw-subheadline{
        font-size:12px;
        line-height:1.52;
    }
}


/* ==========================================================
   BCW LOGIN V4.1.2 · TRUE RESPONSIVE STRUCTURE
   Prevent horizontal overflow and cropped panels at 1152–1280 px.
   ========================================================== */

/*
 * The reference composition needs a wide desktop viewport.
 * Below 1280 px, forcing the split layout makes the right panel
 * move outside the viewport and causes vertical clipping.
 */
@media (max-width:1280px){
    html,
    body.bcw-login-page{
        width:100%;
        min-width:0 !important;
        min-height:100%;
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }

    .bcw-login-shell{
        width:100% !important;
        height:auto !important;
        min-height:100dvh !important;
        padding:10px !important;
        display:grid !important;
        grid-template-rows:auto auto !important;
        gap:10px !important;
        overflow:visible !important;
    }

    .bcw-login-main{
        width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:10px !important;
        overflow:visible !important;
    }

    /* Login is the primary action on compact screens. */
    .bcw-login-auth{
        order:1 !important;
        width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        display:block !important;
    }

    .bcw-auth-card{
        width:min(100%,920px) !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto !important;
        overflow:visible !important;
    }

    .bcw-login-visual{
        order:2 !important;
        width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;
        padding:20px !important;
        display:grid !important;
        grid-template-columns:minmax(310px,38%) minmax(0,62%) !important;
        grid-template-rows:auto auto auto auto !important;
        grid-template-areas:
            "head head"
            "copy stage"
            "status stage"
            "principles principles" !important;
        column-gap:20px !important;
        row-gap:18px !important;
        overflow:hidden !important;
    }

    .bcw-visual-head{
        grid-area:head !important;
    }

    .bcw-visual-copy{
        grid-area:copy !important;
        width:100% !important;
        max-width:440px !important;
    }

    .bcw-intelligence-stage{
        grid-area:stage !important;
        width:100% !important;
        height:520px !important;
        min-height:520px !important;
        align-self:center !important;
        overflow:hidden !important;
    }

    .bcw-status-grid{
        grid-area:status !important;
        width:100% !important;
        margin:0 !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
        align-self:start !important;
    }

    .bcw-status-card{
        min-width:0 !important;
        min-height:76px !important;
        padding:12px !important;
    }

    .bcw-status-card strong{
        font-size:14px !important;
        overflow-wrap:anywhere !important;
    }

    .bcw-login-principles{
        grid-area:principles !important;
        width:100% !important;
        padding-top:2px !important;
    }

    .bcw-login-ticker{
        position:relative !important;
        inset:auto !important;
        width:100% !important;
        height:96px !important;
        min-height:96px !important;
        margin:0 !important;
        overflow:hidden !important;
    }
}

/* Tablet portrait and compact laptop. */
@media (max-width:900px){
    .bcw-login-visual{
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto 390px auto auto !important;
        grid-template-areas:
            "head"
            "copy"
            "stage"
            "status"
            "principles" !important;
    }

    .bcw-visual-copy{
        max-width:100% !important;
    }

    .bcw-intelligence-stage{
        height:390px !important;
        min-height:390px !important;
    }

    .bcw-status-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .bcw-radar-system{
        width:min(92%,560px) !important;
    }
}

/* Phone layout. */
@media (max-width:620px){
    .bcw-login-shell{
        padding:7px !important;
        gap:7px !important;
    }

    .bcw-auth-card,
    .bcw-login-visual{
        padding:14px !important;
        border-radius:12px !important;
    }

    .bcw-login-visual{
        grid-template-rows:auto auto 290px auto !important;
        grid-template-areas:
            "head"
            "copy"
            "stage"
            "status" !important;
        row-gap:14px !important;
    }

    .bcw-visual-head{
        align-items:flex-start !important;
        flex-wrap:wrap !important;
    }

    .bcw-system-topline{
        width:100% !important;
        justify-content:flex-end !important;
    }

    .bcw-top-clock{
        display:none !important;
    }

    .bcw-visual-copy h1 span{
        font-size:22px !important;
    }

    .bcw-visual-copy h1 b{
        font-size:50px !important;
    }

    .bcw-subheadline{
        max-width:100% !important;
        font-size:12px !important;
        line-height:1.55 !important;
    }

    .bcw-intelligence-stage{
        height:290px !important;
        min-height:290px !important;
    }

    .bcw-status-grid{
        grid-template-columns:minmax(0,1fr) !important;
    }

    .bcw-login-principles{
        display:none !important;
    }

    .bcw-asset-node{
        min-width:82px !important;
        height:38px !important;
        padding:0 9px !important;
    }

    .bcw-asset-node span{
        font-size:10px !important;
    }

    .bcw-login-ticker{
        height:82px !important;
        min-height:82px !important;
        grid-template-columns:minmax(0,1fr) !important;
    }

    .bcw-ticker-head,
    .bcw-ticker-meta{
        display:none !important;
    }
}


/* ==========================================================
   BCW LOGIN V4.1.3 · SECURITY VISIBILITY + RADAR LIFT
   ========================================================== */

/* Give the status area a safe bottom boundary. */
.bcw-login-visual{
    padding-bottom:24px !important;
}

.bcw-status-grid{
    position:relative !important;
    z-index:6 !important;
    padding-bottom:8px !important;
    overflow:visible !important;
}

.bcw-status-card{
    overflow:visible !important;
}

.bcw-status-card span,
.bcw-status-card strong{
    position:relative !important;
    z-index:2 !important;
    opacity:1 !important;
    visibility:visible !important;
}

.bcw-status-card:nth-child(4){
    margin-bottom:4px !important;
}

.bcw-status-card:nth-child(4) span{
    color:#a9bac1 !important;
}

.bcw-status-card:nth-child(4) strong{
    color:#f3f7f8 !important;
}

/* Lift the complete radar composition, including every asset node. */
.bcw-radar-system{
    transform:translateY(-24px) !important;
}

/* Keep the Earth aligned with the lifted radar. */
.bcw-earth-halo{
    bottom:10% !important;
}

.bcw-earth-glow{
    bottom:12% !important;
}

.bcw-earth-core{
    bottom:13% !important;
}

/*
 * Short desktop screens cannot fit four tall vertical cards safely.
 * Use a compact 2×2 status matrix while preserving the same content.
 */
@media (min-width:1281px) and (max-height:900px){
    .bcw-status-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
        margin-top:2px !important;
    }

    .bcw-status-card{
        min-height:66px !important;
        padding:10px 11px !important;
        gap:9px !important;
    }

    .bcw-status-icon{
        width:33px !important;
        height:33px !important;
        flex-basis:33px !important;
    }

    .bcw-status-card span{
        margin-bottom:3px !important;
        font-size:9px !important;
    }

    .bcw-status-card strong{
        font-size:13px !important;
        line-height:1.25 !important;
    }

    .bcw-login-principles{
        padding-top:0 !important;
    }
}

/* Compact stacked mode. */
@media (max-width:1280px){
    .bcw-login-visual{
        padding-bottom:24px !important;
    }

    .bcw-radar-system{
        transform:translateY(-18px) !important;
    }

    .bcw-earth-halo{
        bottom:9% !important;
    }

    .bcw-earth-glow{
        bottom:11% !important;
    }

    .bcw-earth-core{
        bottom:12% !important;
    }

    .bcw-status-grid{
        padding-bottom:6px !important;
    }
}

@media (max-width:900px){
    .bcw-radar-system{
        transform:translateY(-12px) !important;
    }
}

@media (max-width:620px){
    .bcw-login-visual{
        padding-bottom:16px !important;
    }

    .bcw-radar-system{
        transform:translateY(-8px) !important;
    }

    .bcw-earth-core{
        bottom:10% !important;
    }

    .bcw-status-card:nth-child(4){
        margin-bottom:0 !important;
    }
}


/* ==========================================================
   BCW LOGIN V4.1.4 · RADAR GEOMETRY CLEANUP
   Concentric radar, balanced nodes, no bottom overlap.
   ========================================================== */

.bcw-intelligence-stage{
    overflow:visible !important;
    isolation:isolate !important;
}

/* One exact square controls the entire radar geometry. */
.bcw-radar-system{
    position:relative !important;
    width:min(88%,620px) !important;
    height:auto !important;
    max-width:620px !important;
    max-height:none !important;
    aspect-ratio:1 / 1 !important;
    margin:auto !important;
    transform:translateY(-16px) !important;
    overflow:visible !important;
}

/* Keep all rings perfectly concentric. */
.bcw-radar-ring{
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    box-sizing:border-box !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
}

.bcw-radar-ring.ring-1{
    width:24% !important;
    height:24% !important;
}

.bcw-radar-ring.ring-2{
    width:43% !important;
    height:43% !important;
}

.bcw-radar-ring.ring-3{
    width:65% !important;
    height:65% !important;
}

.bcw-radar-ring.ring-4{
    width:88% !important;
    height:88% !important;
}

/* Perfect center axes. */
.bcw-radar-axis.axis-h{
    left:50% !important;
    top:50% !important;
    width:88% !important;
    height:1px !important;
    transform:translate(-50%,-50%) !important;
}

.bcw-radar-axis.axis-v{
    left:50% !important;
    top:50% !important;
    width:1px !important;
    height:88% !important;
    transform:translate(-50%,-50%) !important;
}

/* Sweep uses the same circular boundary as the outer ring. */
.bcw-radar-sweep{
    inset:6% !important;
    border-radius:50% !important;
}

/* Center emblem remains exactly at the geometric center. */
.bcw-radar-center{
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:18% !important;
    transform:translate(-50%,-50%) !important;
}

/* Earth layer follows the same center instead of creating an egg shape. */
.bcw-earth-halo,
.bcw-earth-glow,
.bcw-earth-core{
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
}

.bcw-earth-halo{
    width:min(94%,660px) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    transform:translate(-50%,-48%) !important;
    border-radius:50% !important;
}

.bcw-earth-glow{
    width:min(82%,570px) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    transform:translate(-50%,-48%) !important;
    border-radius:50% !important;
}

.bcw-earth-core{
    width:min(90%,620px) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    transform:translate(-50%,-48%) !important;
    border-radius:50% !important;
}

/* Uniform node dimensions make the orbit visually balanced. */
.bcw-asset-node{
    min-width:116px !important;
    height:50px !important;
    padding:0 14px !important;
    justify-content:flex-start !important;
    z-index:8 !important;
}

/* Eight evenly distributed positions around the circumference. */
.bcw-asset-node.node-gold{
    left:50% !important;
    top:-1% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,0) !important;
}

.bcw-asset-node.node-nasdaq{
    left:auto !important;
    right:5% !important;
    top:17% !important;
    bottom:auto !important;
    transform:none !important;
}

.bcw-asset-node.node-us30{
    left:auto !important;
    right:-2% !important;
    top:45% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
}

.bcw-asset-node.node-eurusd{
    left:auto !important;
    right:8% !important;
    top:auto !important;
    bottom:8% !important;
    transform:none !important;
}

.bcw-asset-node.node-oil{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-2% !important;
    transform:translate(-50%,0) !important;
}

.bcw-asset-node.node-vix{
    left:13% !important;
    right:auto !important;
    top:auto !important;
    bottom:7% !important;
    transform:none !important;
}

.bcw-asset-node.node-us10y{
    left:-1% !important;
    right:auto !important;
    top:55% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
}

.bcw-asset-node.node-dxy{
    left:8% !important;
    right:auto !important;
    top:17% !important;
    bottom:auto !important;
    transform:none !important;
}

/* Radial lines point to the updated balanced positions. */
.bcw-radar-link{
    width:36% !important;
}

.bcw-radar-link.link-1{
    transform:translate(0,-50%) rotate(-90deg) !important;
}

.bcw-radar-link.link-2{
    transform:translate(0,-50%) rotate(-135deg) !important;
}

.bcw-radar-link.link-3{
    transform:translate(0,-50%) rotate(-45deg) !important;
}

.bcw-radar-link.link-4{
    transform:translate(0,-50%) rotate(0deg) !important;
}

.bcw-radar-link.link-5{
    transform:translate(0,-50%) rotate(45deg) !important;
}

.bcw-radar-link.link-6{
    transform:translate(0,-50%) rotate(90deg) !important;
}

.bcw-radar-link.link-7{
    transform:translate(0,-50%) rotate(135deg) !important;
}

.bcw-radar-link.link-8{
    transform:translate(0,-50%) rotate(180deg) !important;
}

/* Laptop adjustment. */
@media (max-width:1380px){
    .bcw-radar-system{
        width:min(86%,550px) !important;
        max-width:550px !important;
        transform:translateY(-12px) !important;
    }

    .bcw-asset-node{
        min-width:102px !important;
        height:45px !important;
        padding:0 12px !important;
    }

    .bcw-asset-node span{
        font-size:11px !important;
    }
}

/* Stacked responsive mode. */
@media (max-width:900px){
    .bcw-radar-system{
        width:min(82%,500px) !important;
        max-width:500px !important;
        transform:translateY(-8px) !important;
    }
}

@media (max-width:620px){
    .bcw-radar-system{
        width:min(76%,360px) !important;
        max-width:360px !important;
        transform:none !important;
    }

    .bcw-asset-node{
        min-width:76px !important;
        height:34px !important;
        padding:0 8px !important;
    }

    .bcw-asset-node::before{
        width:6px !important;
        height:6px !important;
        margin-right:6px !important;
    }

    .bcw-asset-node span{
        font-size:9px !important;
    }
}


/* ==========================================================
   BCW LOGIN V4.1.5 · PERFECT CIRCLE REFINEMENT
   Final cleanup for radar circles / earth layers.
   ========================================================== */

.bcw-intelligence-stage{
    padding:18px 10px 8px !important;
    overflow:hidden !important;
}

/* Use one exact centered circular stage. */
.bcw-earth-halo,
.bcw-earth-glow,
.bcw-earth-core,
.bcw-radar-system{
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
}

.bcw-earth-halo{
    width:min(96%,640px) !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
    background:
      radial-gradient(circle at 50% 50%, rgba(66,180,245,.12) 0 46%, rgba(66,180,245,.05) 60%, transparent 74%),
      radial-gradient(circle at 50% 64%, rgba(49,120,190,.20), transparent 58%) !important;
    filter:blur(20px) !important;
    opacity:.92 !important;
}

.bcw-earth-glow{
    width:min(88%,590px) !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
    border:1px solid rgba(74,161,255,.12) !important;
    box-shadow:
      0 0 42px rgba(74,161,255,.06),
      inset 0 0 56px rgba(82,212,245,.04) !important;
    background:radial-gradient(circle at 50% 50%, rgba(40,111,163,.06), transparent 70%) !important;
}

.bcw-earth-core{
    width:min(82%,540px) !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
    border:1px solid rgba(74,161,255,.15) !important;
    background:
      radial-gradient(circle at 42% 26%, rgba(128,215,255,.16), transparent 20%),
      radial-gradient(circle at 50% 50%, rgba(18,67,98,.28), rgba(5,15,21,.90) 70%) !important;
    box-shadow:
      inset 0 0 60px rgba(11,30,42,.58),
      inset 0 -18px 50px rgba(0,0,0,.66) !important;
    overflow:hidden !important;
    opacity:.96 !important;
}

.bcw-earth-grid{
    background:
      repeating-linear-gradient(90deg, transparent 0 21px, rgba(82,212,245,.045) 21px 22px),
      repeating-linear-gradient(0deg, transparent 0 21px, rgba(82,212,245,.045) 21px 22px) !important;
    mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.95) 0 68%, transparent 86%) !important;
}

.bcw-earth-cities{
    background:
      linear-gradient(90deg, transparent 0 18%, rgba(115,193,255,.12) 19%, transparent 20%, transparent 80%, rgba(115,193,255,.12) 81%, transparent 82%) !important;
    opacity:.18 !important;
    filter:blur(3px) !important;
}

.bcw-radar-system{
    width:min(78%,500px) !important;
    max-width:500px !important;
    aspect-ratio:1/1 !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
    overflow:visible !important;
    z-index:4 !important;
}

.bcw-radar-ring{
    border:1px solid rgba(82,212,245,.14) !important;
    box-shadow:none !important;
}
.bcw-radar-ring.ring-1{width:24% !important;height:24% !important;}
.bcw-radar-ring.ring-2{width:43% !important;height:43% !important;}
.bcw-radar-ring.ring-3{width:64% !important;height:64% !important;}
.bcw-radar-ring.ring-4{width:86% !important;height:86% !important;border-color:rgba(216,176,74,.13) !important;}

.bcw-radar-axis.axis-h{width:86% !important;opacity:.7 !important;}
.bcw-radar-axis.axis-v{height:86% !important;opacity:.7 !important;}

.bcw-radar-sweep{
    inset:7% !important;
    background:conic-gradient(from 198deg, transparent 0deg 284deg, rgba(82,212,245,.04) 318deg, rgba(82,212,245,.18) 344deg, rgba(82,212,245,.03) 360deg) !important;
    filter:drop-shadow(0 0 14px rgba(82,212,245,.10)) !important;
}

.bcw-radar-center{
    width:19% !important;
    box-shadow:0 0 14px rgba(216,176,74,.10), inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

.bcw-radar-link{
    width:34% !important;
    background:linear-gradient(90deg, rgba(82,212,245,.18), rgba(82,212,245,.03)) !important;
}

/* Better-balanced node orbit around the now-clean circles. */
.bcw-asset-node{
    min-width:114px !important;
    height:48px !important;
    border-radius:16px !important;
}
.bcw-asset-node.node-gold{top:2% !important;}
.bcw-asset-node.node-dxy{left:9% !important; top:18% !important;}
.bcw-asset-node.node-nasdaq{right:7% !important; top:18% !important;}
.bcw-asset-node.node-us30{right:1% !important; top:45% !important;}
.bcw-asset-node.node-eurusd{right:9% !important; bottom:10% !important;}
.bcw-asset-node.node-oil{bottom:0% !important;}
.bcw-asset-node.node-vix{left:14% !important; bottom:9% !important;}
.bcw-asset-node.node-us10y{left:0% !important; top:56% !important;}

@media (max-width:1380px){
  .bcw-earth-halo{width:min(94%,590px) !important;}
  .bcw-earth-glow{width:min(86%,540px) !important;}
  .bcw-earth-core{width:min(80%,500px) !important;}
  .bcw-radar-system{width:min(76%,470px) !important;max-width:470px !important;}
  .bcw-asset-node{min-width:100px !important;height:44px !important;}
}

@media (max-width:620px){
  .bcw-earth-halo{width:min(98%,380px) !important;}
  .bcw-earth-glow{width:min(90%,340px) !important;}
  .bcw-earth-core{width:min(84%,310px) !important;}
  .bcw-radar-system{width:min(72%,270px) !important;max-width:270px !important;}
}

/* =========================================================
   BCW LOGIN GUEST BUTTON SOFT GLOW V4.1.7
   Hover/focus only. No geometry or layout changes.
   ========================================================= */

.bcw-secondary-button{
    position:relative;
    isolation:isolate;
    overflow:visible;
    transition:
        transform .22s ease,
        filter .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease;
}

.bcw-secondary-button::after{
    content:"";
    position:absolute;
    inset:-3px;
    z-index:-1;
    border-radius:inherit;
    pointer-events:none;
    opacity:0;
    box-shadow:
        0 0 8px rgba(232,202,115,.24),
        0 0 16px rgba(216,176,74,.14),
        0 0 24px rgba(40,175,182,.08);
    transition:opacity .22s ease;
}

.bcw-secondary-button:hover:not(:disabled),
.bcw-secondary-button:focus-visible:not(:disabled){
    border-color:rgba(255,214,100,.68);
    color:#fff2b7;
    background:
        linear-gradient(
            90deg,
            rgba(35,46,42,.99),
            rgba(17,32,37,.98) 52%,
            rgba(11,41,48,.98)
        );
    box-shadow:
        0 20px 36px rgba(0,0,0,.24),
        0 0 0 1px rgba(255,207,98,.14),
        0 0 8px rgba(232,202,115,.20),
        0 0 16px rgba(40,175,182,.09),
        inset 0 0 10px rgba(216,176,74,.05);
    filter:brightness(1.03);
}

.bcw-secondary-button:hover:not(:disabled)::after,
.bcw-secondary-button:focus-visible:not(:disabled)::after{
    opacity:1;
}

.bcw-secondary-button:hover:not(:disabled) > span,
.bcw-secondary-button:focus-visible:not(:disabled) > span{
    text-shadow:
        0 0 4px rgba(255,224,132,.42),
        0 0 8px rgba(216,176,74,.22);
}

.bcw-secondary-button:hover:not(:disabled) > b,
.bcw-secondary-button:focus-visible:not(:disabled) > b{
    color:#ffffff;
    text-shadow:
        0 0 4px rgba(255,235,174,.50),
        0 0 9px rgba(216,176,74,.28),
        0 0 12px rgba(40,175,182,.14);
}

.bcw-secondary-button:focus-visible:not(:disabled){
    outline:1px solid rgba(255,214,100,.62);
    outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
    .bcw-secondary-button,
    .bcw-secondary-button::after{
        transition:none;
    }
}

/* =========================================================
   BCW LOGIN RADAR CENTER LOCK V4.1.8
   Fix only: radar and globe now share the exact same center.
   ========================================================= */

.bcw-intelligence-stage > .bcw-radar-system{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
}