:root{color-scheme:dark;--gl-bg:#080a0f;--gl-panel:#0e121a;--gl-panel2:#131925;--gl-line:rgba(255,255,255,.1);--gl-text:#f7f9fc;--gl-muted:#8f98a8;--gl-lime:#b8ff45;--gl-blue:#7487ff}
body.greenline-auth{min-height:100vh;margin:0;background:#080a0f;color:var(--gl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.greenline-auth::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(116,135,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(116,135,255,.04) 1px,transparent 1px),radial-gradient(circle at 78% 12%,rgba(116,135,255,.22),transparent 30%),radial-gradient(circle at 14% 80%,rgba(184,255,69,.09),transparent 27%);background-size:46px 46px,46px 46px,auto,auto}
.greenline-auth .signup-page{position:relative;z-index:1;grid-template-columns:minmax(360px,520px) minmax(380px,1fr);gap:18px;width:min(1180px,calc(100% - 32px));padding:32px 0}
.greenline-auth .signup-card,.greenline-auth .signup-side{border:1px solid var(--gl-line);background:linear-gradient(145deg,rgba(20,24,35,.96),rgba(8,11,17,.97));box-shadow:0 35px 110px rgba(0,0,0,.5);backdrop-filter:blur(22px)}
.greenline-auth .signup-card{padding:34px;border-radius:24px}
.greenline-auth .brand{display:inline-flex;align-items:center;gap:10px;color:var(--gl-text);font-size:13px;font-weight:900}
.greenline-auth .brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--gl-lime);color:#101509;box-shadow:0 0 28px rgba(184,255,69,.16)}
.greenline-auth .signup-heading{margin:52px 0 28px}
.greenline-auth .signup-heading .eyebrow,.greenline-auth .signup-side .eyebrow{color:var(--gl-lime);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.greenline-auth .signup-heading h1{max-width:470px;margin:10px 0 14px;font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-.055em}
.greenline-auth .signup-heading p,.greenline-auth .signup-side p,.greenline-auth .fine-print{color:var(--gl-muted)}
.greenline-auth .signup-form label{color:#dfe4ec;font-size:11px;font-weight:800}
.greenline-auth .signup-form input[type="email"],.greenline-auth .signup-form input[type="password"]{width:100%;min-height:50px;margin-top:7px;padding:0 14px;border:1px solid var(--gl-line);border-radius:13px;background:rgba(5,8,13,.72);color:var(--gl-text);outline:none}
.greenline-auth .signup-form input:focus{border-color:rgba(184,255,69,.48);box-shadow:0 0 0 3px rgba(184,255,69,.07)}
.greenline-auth .button.primary{border:0;background:var(--gl-lime);color:#101509;box-shadow:0 15px 38px rgba(184,255,69,.12);font-weight:900}
.greenline-auth .button.ghost{border:1px solid var(--gl-line);background:rgba(255,255,255,.025);color:var(--gl-text)}
.greenline-auth .button:hover{transform:translateY(-1px)}
.greenline-auth .privacy-choice{border-color:var(--gl-line);background:rgba(116,135,255,.045)}
.greenline-auth .signup-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:700px;padding:44px;border-radius:24px;overflow:hidden}
.greenline-auth .signup-side::before{content:"";position:absolute;inset:34px 34px auto;height:330px;border:1px solid rgba(184,255,69,.18);border-radius:22px;background:radial-gradient(circle at 74% 20%,rgba(116,135,255,.3),transparent 32%),linear-gradient(145deg,#141a27,#07090e);box-shadow:inset 0 0 60px rgba(0,0,0,.3)}
.greenline-auth .signup-side::after{content:"SCENELEAF  /  AI VIDEO WORKSPACE";position:absolute;left:58px;right:58px;top:70px;padding:18px;border-left:2px solid var(--gl-lime);color:rgba(247,249,252,.82);font-size:11px;font-weight:900;letter-spacing:.12em;background:linear-gradient(90deg,rgba(184,255,69,.08),transparent)}
.greenline-auth .signup-side h2,.greenline-auth .signup-side>p,.greenline-auth .signup-side ul{position:relative;z-index:1}
.greenline-auth .signup-side h2{max-width:520px;margin:8px 0 20px;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em}
.greenline-auth .signup-side ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.greenline-auth .signup-side li{padding:12px 13px;border:1px solid var(--gl-line);border-radius:12px;background:rgba(255,255,255,.025);color:#cbd3df;font-size:10px}
@media(max-width:880px){.greenline-auth .signup-page{grid-template-columns:1fr;padding:16px 0}.greenline-auth .signup-side{min-height:450px}.greenline-auth .signup-side::before{height:180px}.greenline-auth .signup-heading{margin-top:38px}}
@media(max-width:520px){.greenline-auth .signup-card{padding:24px}.greenline-auth .signup-heading h1{font-size:40px}.greenline-auth .signup-side{display:none}}