/* ========================================================== BIAM V1.1C-R1D PARENT PLATFORM LOGIN HQ CINEMATIC EXPERIENCE ========================================================== */ html { min-height:100%; } body.biam-platform-hq-login { margin:0 !important; min-height:100vh !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; box-sizing:border-box; padding: clamp(28px, 6vw, 110px) clamp(24px, 8vw, 150px) clamp(28px, 6vw, 110px) clamp(24px, 5vw, 80px) !important; overflow-x:hidden; color:#f8fbff !important; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; background: linear-gradient( 90deg, rgba(1,5,14,.10) 0%, rgba(1,5,14,.10) 40%, rgba(1,5,14,.38) 60%, rgba(1,5,14,.82) 100% ), linear-gradient( 0deg, rgba(1,5,14,.20), rgba(1,5,14,.05) ), url('/brand/biam-hq.png?v=11d') center center / cover no-repeat fixed !important; } /* cinematic vignette */ body.biam-platform-hq-login::before { content:""; position:fixed; inset:0; pointer-events:none; background: radial-gradient( circle at 77% 18%, rgba(56,189,248,.11), transparent 30% ), radial-gradient( circle at 12% 90%, rgba(37,99,235,.09), transparent 35% ), linear-gradient( to bottom, rgba(0,0,0,.06), rgba(0,0,0,.20) ); z-index:0; } /* ========================================================== LOGIN CARD ========================================================== */ body.biam-platform-hq-login > .card { position:relative; z-index:2; width:min(430px, 92vw) !important; box-sizing:border-box; padding: 34px 34px 30px !important; border-radius: 22px !important; border: 1px solid rgba(148,210,255,.25) !important; background: linear-gradient( 145deg, rgba(5,16,34,.84), rgba(3,11,25,.76) ) !important; backdrop-filter: blur(22px) saturate(130%); -webkit-backdrop-filter: blur(22px) saturate(130%); box-shadow: 0 30px 100px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06), 0 0 50px rgba(14,165,233,.07) !important; } /* glowing border */ body.biam-platform-hq-login > .card::before { content:""; position:absolute; inset:-1px; border-radius: 22px; padding:1px; pointer-events:none; background: linear-gradient( 135deg, rgba(125,211,252,.50), rgba(59,130,246,.08), rgba(255,255,255,.08), rgba(14,165,233,.30) ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity:.72; } /* ========================================================== BIAM BRAND ========================================================== */ .biam-login-brand { display:flex; align-items:center; margin-bottom:24px; } .biam-login-brand img { display:block; width: min(255px, 76%); height:auto; object-fit:contain; object-position:left center; filter: drop-shadow( 0 5px 18px rgba(0,0,0,.35) ); } body.biam-platform-hq-login h1 { margin: 0 0 7px !important; color:#f8fbff; font-size: clamp(26px, 2vw, 31px); line-height:1.08; letter-spacing:-.035em; } body.biam-platform-hq-login .sub { margin-bottom: 25px !important; color:#a9bdd6 !important; font-size:14px; font-weight:600; } /* ========================================================== PLATFORM AUTHORITY ========================================================== */ .biam-login-authority { display:inline-flex; align-items:center; gap:8px; margin: 4px 0 8px; padding: 6px 10px; border: 1px solid rgba(56,189,248,.24); border-radius: 999px; background: rgba(14,165,233,.08); color:#7dd3fc; font-size:10px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; } .biam-login-authority::before { content:""; width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow: 0 0 12px rgba(34,197,94,.90); } /* ========================================================== FORM ========================================================== */ body.biam-platform-hq-login label { margin: 15px 0 7px !important; color:#c5d4e7 !important; font-size:13px; font-weight:700; } body.biam-platform-hq-login input { width:100% !important; box-sizing:border-box; padding: 13px 14px !important; border: 1px solid rgba(125,170,220,.35) !important; border-radius: 10px !important; outline:none; background: rgba(3,12,26,.67) !important; color:#fff !important; font-size:15px; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } body.biam-platform-hq-login input:focus { border-color: rgba(56,189,248,.78) !important; background: rgba(4,16,34,.88) !important; box-shadow: 0 0 0 3px rgba(14,165,233,.11), 0 0 24px rgba(14,165,233,.08); } /* ========================================================== SIGN IN ========================================================== */ body.biam-platform-hq-login button { width:100% !important; margin-top: 22px !important; padding: 13px 16px !important; border:0 !important; border-radius: 10px !important; color:white !important; font-size:14px; font-weight:850 !important; letter-spacing:.01em; cursor:pointer; background: linear-gradient( 135deg, #2563eb, #0284c7 ) !important; box-shadow: 0 10px 30px rgba(37,99,235,.25); transition: transform .16s ease, box-shadow .16s ease, filter .16s ease; } body.biam-platform-hq-login button:hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 14px 36px rgba(37,99,235,.32); } body.biam-platform-hq-login button:active { transform: translateY(0); } /* ========================================================== FOOTNOTE ========================================================== */ body.biam-platform-hq-login .note { margin-top: 19px !important; color:#8298b4 !important; font-size:11px !important; line-height:1.55; } .biam-login-security { margin-top:17px; padding-top:15px; border-top: 1px solid rgba(148,163,184,.12); display:flex; align-items:center; justify-content:space-between; gap:10px; color:#7288a3; font-size:10px; letter-spacing:.03em; } .biam-login-security strong { color:#8ca5c3; font-weight:750; } /* ========================================================== RESPONSIVE ========================================================== */ @media(max-width:900px) { body.biam-platform-hq-login { justify-content:center !important; padding: 28px 18px !important; background: linear-gradient( rgba(1,5,14,.50), rgba(1,5,14,.82) ), url('/brand/biam-hq.png?v=11d') center center / cover no-repeat fixed !important; } body.biam-platform-hq-login > .card { width: min(440px, 94vw) !important; } } @media(max-width:520px) { body.biam-platform-hq-login > .card { padding: 27px 22px 24px !important; border-radius: 18px !important; } body.biam-platform-hq-login > .card::before { border-radius: 18px; } .biam-login-brand img { width: min(220px, 78%); } } /* ========================================================== BIAM R1D.1 PARENT LOGIN — UNIVERSAL SHELL SUPPRESSION ========================================================== */ /* * The global BIAM response normaliser wraps legacy pages with: * * .layout * .side * .main * * That shell is appropriate after authentication, but must not * appear on the platform login gateway. */ body.biam-platform-hq-login .side, body.biam-platform-hq-login .sidebar { display:none !important; } /* * Flatten the global shell. */ body.biam-platform-hq-login .layout { display:contents !important; width:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; } /* * The main wrapper must not retain sidebar spacing or its own * application layout behaviour. */ body.biam-platform-hq-login .main { display:contents !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; } /* * Ensure the actual login card is positioned by the body, * not by any inherited shell rules. */ body.biam-platform-hq-login .main > .card, body.biam-platform-hq-login > .card { position:relative !important; z-index:5 !important; width:min(410px,92vw) !important; margin:0 !important; flex:none !important; } /* * The universal shell sometimes assigns logo/sidebar-oriented * sizing. Keep the login branding independent. */ body.biam-platform-hq-login .biam-login-brand { width:100% !important; margin:0 0 22px 0 !important; padding:0 !important; } body.biam-platform-hq-login .biam-login-brand img { width:min(245px,76%) !important; max-width:100% !important; height:auto !important; } /* * Slightly shift the authentication console toward the right. */ @media(min-width:901px) { body.biam-platform-hq-login { padding-right: clamp(48px,7vw,120px) !important; } } /* * Mobile: keep one centred card and no application navigation. */ @media(max-width:900px) { body.biam-platform-hq-login .layout, body.biam-platform-hq-login .main { display:contents !important; } body.biam-platform-hq-login .side, body.biam-platform-hq-login .sidebar { display:none !important; } body.biam-platform-hq-login .main > .card, body.biam-platform-hq-login > .card { width:min(430px,94vw) !important; } } /* ========================================================== BIAM R1D.2 LOGIN COLOUR AUTHORITY Matches authenticated BIAM Parent Control Plane ========================================================== */ :root { --biam-bg: #07111f; --biam-panel: #0e1b2d; --biam-panel-2: #122238; --biam-border: #203653; --biam-text: #edf4ff; --biam-muted: #91a4bd; --biam-blue: #3b82f6; --biam-button: #163454; --biam-button-hover: #1d4772; --biam-green: #22c55e; --biam-amber: #f59e0b; } /* ---------------------------------------------------------- BACKGROUND OVERLAY Keep the cinematic artwork but bring it into the same navy atmosphere as the authenticated platform. ---------------------------------------------------------- */ body.biam-platform-hq-login { color: var(--biam-text) !important; background: linear-gradient( 90deg, rgba(7,17,31,.10) 0%, rgba(7,17,31,.14) 36%, rgba(7,17,31,.45) 62%, rgba(7,17,31,.88) 100% ), linear-gradient( 0deg, rgba(7,17,31,.26), rgba(7,17,31,.06) ), url('/brand/biam-hq.png?v=11d2') center center / cover no-repeat fixed !important; } /* Remove excessive cyan atmospheric glow */ body.biam-platform-hq-login::before { background: radial-gradient( circle at 80% 18%, rgba(59,130,246,.09), transparent 31% ), radial-gradient( circle at 15% 88%, rgba(30,71,114,.08), transparent 38% ), linear-gradient( to bottom, rgba(7,17,31,.02), rgba(7,17,31,.22) ) !important; } /* ---------------------------------------------------------- AUTHENTICATION PANEL Same visual family as BIAM admin cards. ---------------------------------------------------------- */ body.biam-platform-hq-login .main > .card, body.biam-platform-hq-login > .card { background: rgba(14,27,45,.95) !important; border: 1px solid var(--biam-border) !important; box-shadow: 0 28px 80px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.025) !important; backdrop-filter: blur(18px) saturate(110%); -webkit-backdrop-filter: blur(18px) saturate(110%); } /* * Kill the bright cyan gradient border from the experimental * login and replace it with the same restrained BIAM border. */ body.biam-platform-hq-login .main > .card::before, body.biam-platform-hq-login > .card::before { opacity:.35 !important; background: linear-gradient( 135deg, rgba(59,130,246,.28), rgba(32,54,83,.16), rgba(32,54,83,.16), rgba(59,130,246,.20) ) !important; } /* ---------------------------------------------------------- HEADINGS ---------------------------------------------------------- */ body.biam-platform-hq-login h1 { color: var(--biam-text) !important; } body.biam-platform-hq-login .sub { color: var(--biam-muted) !important; } /* ---------------------------------------------------------- PLATFORM AUTHORITY BADGE Blue/green status treatment consistent with admin. ---------------------------------------------------------- */ body.biam-platform-hq-login .biam-login-authority { color:#93c5fd !important; background: rgba(59,130,246,.08) !important; border: 1px solid rgba(59,130,246,.24) !important; } body.biam-platform-hq-login .biam-login-authority::before { background: var(--biam-green) !important; box-shadow: 0 0 8px rgba(34,197,94,.60) !important; } /* ---------------------------------------------------------- LABELS ---------------------------------------------------------- */ body.biam-platform-hq-login label { color:#b9c8da !important; } /* ---------------------------------------------------------- INPUTS Same dark input language as parent controls. ---------------------------------------------------------- */ body.biam-platform-hq-login input { background: #071523 !important; border: 1px solid #315274 !important; color: var(--biam-text) !important; box-shadow:none !important; } body.biam-platform-hq-login input:hover { border-color: #3b5d81 !important; } body.biam-platform-hq-login input:focus { background: #081827 !important; border-color: var(--biam-blue) !important; box-shadow: 0 0 0 3px rgba(59,130,246,.13) !important; } /* ---------------------------------------------------------- SIGN IN BUTTON Change from bright cyan gradient to the same dark BIAM control-plane blue used by authenticated actions. ---------------------------------------------------------- */ body.biam-platform-hq-login button { background: var(--biam-button) !important; border: 1px solid #315274 !important; color:white !important; box-shadow: 0 8px 22px rgba(0,0,0,.22) !important; } body.biam-platform-hq-login button:hover { background: var(--biam-button-hover) !important; border-color: #3d668e !important; transform: translateY(-1px); filter:none !important; box-shadow: 0 10px 26px rgba(0,0,0,.27) !important; } body.biam-platform-hq-login button:active { transform: translateY(0); } /* ---------------------------------------------------------- FOOTER ---------------------------------------------------------- */ body.biam-platform-hq-login .note { color: var(--biam-muted) !important; } body.biam-platform-hq-login .biam-login-security { color:#7186a1 !important; border-top: 1px solid rgba(32,54,83,.85) !important; } body.biam-platform-hq-login .biam-login-security strong { color:#91a4bd !important; } /* ---------------------------------------------------------- BIAM LOGO PANEL Reduce the 'floating black sticker' appearance. ---------------------------------------------------------- */ body.biam-platform-hq-login .biam-login-brand img { filter: drop-shadow( 0 5px 14px rgba(0,0,0,.25) ) !important; } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media(max-width:900px) { body.biam-platform-hq-login { background: linear-gradient( rgba(7,17,31,.58), rgba(7,17,31,.92) ), url('/brand/biam-hq.png?v=11d2') center center / cover no-repeat fixed !important; } } /* ========================================================== END BIAM R1D.2 ========================================================== */