.eb-login-trial { margin:0; min-height:100vh; background:var(--eb-dark-bg); color:var(--eb-text-on-dark); font-family:Inter,system-ui,sans-serif; }
.eb-login-trial *, .eb-login-trial *::before, .eb-login-trial *::after { box-sizing:border-box; }
.eb-login-trial__scene { position:fixed; inset:0; z-index:0; pointer-events:none; }
.eb-login-trial__scene img { width:100%; height:100%; object-fit:cover; object-position:center; }
.eb-login-trial__scene::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--eb-overlay),var(--eb-overlay)); }
.eb-login-trial__header,.eb-login-trial__layout { position:relative; z-index:1; width:min(1200px,calc(100% - 64px)); margin:auto; }
.eb-login-trial__header { display:flex; align-items:center; justify-content:space-between; padding:24px 0; }
.eb-login-trial__header img { width:164px; height:auto; display:block; }
.eb-login-trial__header nav { display:flex; gap:10px; }
.eb-login-trial__header nav a { color:var(--eb-text-on-dark); text-decoration:none; padding:12px; border:1px solid transparent; border-radius:8px; }
.eb-login-trial__header nav a[aria-current] { color:var(--eb-brand-cyan); border-color:var(--eb-brand-cyan); }
.eb-login-trial__header nav a:hover { background:var(--eb-dark-surface-hover); }
.eb-login-trial__layout { display:grid; grid-template-columns:1fr 440px; gap:72px; align-items:center; padding:36px 0 88px; min-height:calc(100vh - 132px); }
.eb-login-trial__story h1 { font-size:clamp(48px,6.6vw,88px); line-height:1.02; letter-spacing:-.055em; margin:20px 0; max-width:620px; }
.eb-login-trial__story > p:last-child { font-size:21px; line-height:1.6; max-width:450px; }
.eb-login-trial__eyebrow { color:var(--eb-brand-cyan); font-weight:700; letter-spacing:.15em; font-size:13px; }
.eb-login-trial__panel { padding:36px; background:var(--eb-surface); color:var(--eb-text); border:1px solid var(--eb-border); border-radius:24px; }
.eb-login-trial__badge { color:var(--eb-brand-primary); font-size:12px; font-weight:700; margin:0 0 12px; }
.eb-login-trial__panel h2 { font-size:32px; margin:0 0 28px; letter-spacing:-.035em; }
.eb-login-trial fieldset { border:0; padding:0; margin:0; min-width:0; }
.eb-login-trial label { display:block; font-size:14px; font-weight:600; margin-bottom:8px; }
.eb-login-trial input:not([type="checkbox"]) { display:block; width:100%; min-height:48px; font:inherit; color:var(--eb-text); background:var(--eb-surface); border:1px solid var(--eb-border); border-radius:9px; padding:12px; margin-bottom:22px; }
.eb-login-trial__password { position:relative; }
.eb-login-trial__password input { padding-right:52px !important; }
.eb-login-trial__password button { position:absolute; right:4px; top:4px; width:40px; height:40px; border:0; border-radius:6px; color:var(--eb-brand-primary); background:transparent; cursor:pointer; }
.eb-login-trial__password button:hover { background:var(--eb-surface-selected); }
.eb-login-trial__options { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; font-size:12px; margin:4px 0 26px; }
.eb-login-trial__options label { font-size:12px; font-weight:400; margin:0; display:flex; align-items:center; gap:6px; }
.eb-login-trial input[type="checkbox"] { accent-color:var(--eb-brand-primary); width:18px; height:18px; }
.eb-login-trial__panel a { color:var(--eb-brand-primary); text-underline-offset:3px; }
.eb-login-trial__panel a:hover { color:var(--eb-brand-primary-hover); }
.eb-login-trial__submit { width:100%; min-height:50px; padding:14px 18px; border:0; border-radius:9px; background:var(--eb-brand-primary); color:var(--eb-text-on-dark); font:inherit; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:space-between; }
.eb-login-trial__submit:hover,.eb-login-trial__submit:active { background:var(--eb-brand-primary-hover); }
.eb-login-trial button:disabled { background:var(--eb-action-disabled-bg); color:var(--eb-action-disabled-text); cursor:wait; }
.eb-login-trial__register { display:block; text-align:center; font-size:14px; margin-top:24px; }
.eb-login-trial :is(a,button,input):focus-visible { outline:3px solid var(--eb-focus-ring); outline-offset:3px; }
.eb-login-trial .eb-corner-message-host { position:fixed; top:20px; right:20px; z-index:10000; width:min(420px,calc(100% - 40px)); }
.eb-login-trial .corner-msg { padding:16px 20px; border:1px solid var(--eb-border); background:var(--eb-surface); color:var(--eb-text); border-radius:12px; box-shadow:0 12px 35px var(--eb-overlay); line-height:1.5; }
.eb-login-trial .msg-error { background:var(--eb-danger-soft); color:var(--eb-danger); border-color:var(--eb-danger); }
.eb-login-trial .msg-success { background:var(--eb-success-soft); color:var(--eb-success); border-color:var(--eb-success); }
@media(max-width:850px) { .eb-login-trial__layout { grid-template-columns:1fr; gap:30px; max-width:540px; padding-top:12px; } .eb-login-trial__story h1 { font-size:52px; } .eb-login-trial__story > p:last-child { font-size:17px; } }
@media(max-width:480px) { .eb-login-trial__header,.eb-login-trial__layout { width:calc(100% - 32px); } .eb-login-trial__header img { width:135px; } .eb-login-trial__panel { padding:26px 22px; border-radius:18px; } .eb-login-trial__story h1 { font-size:43px; } }