*{box-sizing:border-box}:root{--bg:#070809;--panel:#0b0d0f;--line:#292d31;--text:#f4f6f8;--muted:#9199a2;--accent:#e3e6e9}
html,body{margin:0;min-height:100%;font:14px Arial,sans-serif;background:var(--bg);color:var(--text)}button,a{font:inherit}
.shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(430px,.55fr)}
.visual{position:relative;isolation:isolate;overflow:hidden;padding:42px clamp(38px,5vw,82px);display:flex;flex-direction:column;justify-content:space-between;background:#080a0b url("arisid-bg.png") center/cover no-repeat}
.visual:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(100deg,rgba(4,5,6,.3),rgba(4,5,6,.88)),linear-gradient(0deg,rgba(5,6,7,.9),transparent 60%)}
.visual:after{content:"";position:absolute;z-index:-1;width:540px;height:540px;right:-160px;bottom:-220px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 85px #ffffff08,0 0 0 170px #ffffff05}
.brand,.mobile-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img,.mobile-brand img{width:40px;height:40px;border-radius:10px;object-fit:contain}.brand span,.mobile-brand span{font-weight:400}.brand b,.mobile-brand b{font-weight:900;letter-spacing:.08em}.mobile-brand{display:none;margin-bottom:50px}
.visual-copy{max-width:880px}.eyebrow{display:flex;align-items:center;gap:9px;color:#b5bbc1;font-size:9px;font-weight:800;letter-spacing:.2em}.eyebrow i{width:20px;height:1px;background:#d9dde1}
.visual h1{max-width:900px;font-size:clamp(48px,5.6vw,88px);line-height:.99;letter-spacing:-.06em;margin:25px 0;text-shadow:0 5px 35px #000}.visual h1 em{color:#a7afb7;font-style:normal;font-weight:400}
.visual-copy>p{max-width:580px;color:#aeb5bc;font-size:15px;line-height:1.75}.visual-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:42px}.visual-meta span{padding:10px 13px;border:1px solid #ffffff17;border-radius:8px;background:#ffffff0a;color:#9aa2aa;font-size:9px;backdrop-filter:blur(9px)}.visual-meta b{margin-right:8px;color:#e0e4e7}
.visual-footer{display:flex;justify-content:space-between;color:#777f87;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.panel{position:relative;display:grid;place-items:center;padding:42px;background:radial-gradient(circle at 80% 15%,#171a1d 0,transparent 32%),var(--panel);border-left:1px solid var(--line)}.panel:before{content:"";position:absolute;inset:18px;border:1px solid #ffffff08;pointer-events:none}
.card{position:relative;width:100%;max-width:390px}.access-mark{display:flex;align-items:center;gap:8px;margin-bottom:54px;color:#778089;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.access-mark span{width:7px;height:7px;border-radius:50%;background:#75d69c;box-shadow:0 0 0 5px #75d69c12}.access-mark b{font-weight:700}
.card header{margin-bottom:28px}.card header small{color:#8d959d;font-size:9px;font-weight:800;letter-spacing:.18em}.card h2{font-size:34px;letter-spacing:-.035em;margin:11px 0 10px}.card header p{max-width:340px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.auth-actions{display:grid}.auth-actions.single-action{margin-top:8px}.aris-button{width:100%!important;height:52px!important;justify-content:center!important;border-radius:10px!important;background:var(--accent)!important;color:#090a0b!important;font-weight:800!important;box-shadow:0 10px 28px #0004!important;transition:transform .18s,background .18s!important}.aris-button:hover{transform:translateY(-1px);background:#fff!important}
.security{display:flex;gap:12px;margin-top:20px;padding:14px;border:1px solid #23282d;border-radius:10px;background:#0e1113}.security>svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:#87929c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security p{display:grid;gap:4px;margin:0;flex:1}.security p b{font-size:10px}.security p span{color:#747d85;font-size:9px;line-height:1.5}
.alert{display:grid;gap:5px;margin-bottom:17px;padding:13px;border:1px solid #5a3030;border-radius:9px;background:#211111;color:#ffb8b8;font-size:11px}.alert span{color:#d59898;line-height:1.45}
.card footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px}.card footer i{width:5px;height:5px;border-radius:50%;background:#485058}.card footer span{color:#646c74;font-size:9px}.mobile-brand{font-size:13px}
@media(max-width:900px){.shell{grid-template-columns:1fr}.visual{display:none}.panel{min-height:100svh;border:0}.mobile-brand{display:flex}.access-mark{margin-bottom:38px}.panel:before{inset:10px}}
@media(max-width:450px){.panel{padding:30px 24px}.card h2{font-size:30px}.mobile-brand{margin-bottom:42px}}