:root{--bg:#101820;--panel:#17232d;--panel2:#1e2d38;--text:#f5f7f8;--muted:#aebbc5;--line:rgba(255,255,255,.12);--accent:#f4d000;--accent2:#ffe45c;--shadow:0 28px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 80% 10%,#263b49 0,transparent 34%),linear-gradient(145deg,#0d141a,#16232c 55%,#0f171d);color:var(--text)}body{min-height:100vh}.portal-shell{min-height:100vh;display:grid;place-items:center;padding:38px}.hero-card{width:min(1380px,100%);min-height:min(820px,calc(100vh - 76px));display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(28,42,52,.97),rgba(18,28,36,.98));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;right:-150px;top:-160px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(244,208,0,.18);box-shadow:0 0 0 70px rgba(244,208,0,.025),0 0 0 140px rgba(244,208,0,.018);pointer-events:none}.brand-row{display:flex;align-items:center;gap:14px;padding:30px 34px;border-bottom:1px solid var(--line)}.brand-mark{width:48px;height:48px;border-radius:14px;background:var(--accent);color:#111;font-weight:900;display:grid;place-items:center;letter-spacing:-1px}.brand-name{font-weight:800;font-size:20px}.brand-subtitle{color:var(--muted);font-size:13px;margin-top:3px}.hero-content{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:center;padding:58px 64px;flex:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent)}h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 20px;max-width:850px}.lead{font-size:19px;line-height:1.65;color:#d3dce2;max-width:820px;margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.feature-grid article{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.feature-grid article>span{font-size:12px;font-weight:900;color:var(--accent);padding-top:3px}.feature-grid strong{font-size:15px}.feature-grid p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.login-card{position:relative;z-index:1;background:linear-gradient(160deg,#223440,#17242d);border:1px solid rgba(244,208,0,.22);border-radius:22px;padding:32px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.login-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(244,208,0,.12);color:var(--accent);font-size:25px}.login-card h2{font-size:27px;margin:22px 0 10px}.login-card p{color:var(--muted);line-height:1.55;margin:0 0 25px}.login-card small{display:block;color:#7f919d;margin-top:15px;line-height:1.4}.primary-btn{width:100%;border:0;border-radius:12px;background:var(--accent);color:#111;font-weight:900;font-size:15px;padding:14px 18px;cursor:pointer;transition:.18s}.primary-btn:hover{background:var(--accent2);transform:translateY(-1px)}footer{padding:19px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#7f919d;font-size:12px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(2,8,12,.76);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(430px,100%);background:#182630;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.modal-card h2{font-size:28px;margin:10px 0 24px}.modal-card label{display:block;color:#c7d2d9;font-size:13px;font-weight:700;margin:0 0 16px}.modal-card input{display:block;width:100%;margin-top:7px;padding:12px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#101a21;color:white;outline:none}.modal-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,208,0,.1)}.close-btn{position:absolute;right:16px;top:14px;background:transparent;border:0;color:#8ea0ac;font-size:28px;cursor:pointer}.error{background:rgba(209,63,63,.12);border:1px solid rgba(255,90,90,.3);color:#ffb0b0;border-radius:10px;padding:10px 12px;font-size:13px}.error.hidden{display:none}.demo-note{font-size:12px;color:#7f919d;line-height:1.5;margin:16px 0 0}@media(max-width:980px){.portal-shell{padding:18px}.hero-card{min-height:calc(100vh - 36px)}.hero-content{grid-template-columns:1fr;padding:38px 30px}.login-card{width:100%}.feature-grid{grid-template-columns:1fr}h1{font-size:46px}footer{flex-direction:column}}@media(max-width:560px){.brand-row{padding:22px}.hero-content{padding:30px 22px;gap:32px}h1{font-size:38px}.lead{font-size:16px}.feature-grid article{padding:15px}footer{padding:18px 22px}}