.register-page { --reg-bg:#f5f7fc; --reg-card:rgba(255,255,255,.96); --reg-input:#fff; --reg-text:#111b36; --reg-muted:#69748d; --reg-line:#dfe4ef; --reg-purple:#7329e3; min-height:100vh; color:var(--reg-text); font-family:Inter,sans-serif; background:var(--reg-bg); }
    [data-theme="dark"] .register-page { --reg-bg:#071329; --reg-card:rgba(13,29,57,.96); --reg-input:#10213e; --reg-text:#f6f8ff; --reg-muted:#a8b4ca; --reg-line:#293b58; --reg-purple:#9559f5; }
    body:has(.register-page) .site-header, body:has(.register-page) .site-footer, body:has(.register-page) .chat-widget-container { display:none !important; }
    body:has(.register-page) main { padding:0; }
    .register-page *, .register-page *::before, .register-page *::after { box-sizing:border-box; }
    .register-page a { text-decoration:none; }
    .register-layout { display:grid; grid-template-columns:minmax(480px,1.1fr) minmax(590px,1fr); min-height:100vh; }
    .register-visual { position:relative; display:flex; min-height:100vh; overflow:hidden; flex-direction:column; padding:38px 48px 28px; color:#fff; background:url('../../images/slider/slider2.jpg') center/cover no-repeat; }
    .register-visual-overlay { position:absolute; inset:0; background:linear-gradient(100deg,rgba(5,19,69,.94),rgba(21,24,88,.65) 63%,rgba(44,17,92,.38)),linear-gradient(0deg,rgba(3,9,35,.78),transparent 58%); }
    .register-visual::after { position:absolute; width:480px; height:480px; top:-220px; right:-190px; border:1px solid rgba(255,255,255,.16); border-radius:50%; content:""; box-shadow:0 0 0 70px rgba(139,73,246,.06),0 0 0 140px rgba(139,73,246,.04); }
    .register-brand, .register-intro, .register-copyright { position:relative; z-index:1; }
    .register-brand { display:flex; align-items:center; gap:20px; }
    .register-brand > a { display:flex; align-items:center; color:#fff; }
    .register-brand > a img { display:block; width:clamp(165px,15vw,205px); height:auto; object-fit:contain; filter:drop-shadow(0 10px 20px rgba(0,0,0,.25)); }
    .register-brand > small { max-width:115px; padding-left:18px; border-left:1px solid rgba(255,255,255,.38); color:rgba(255,255,255,.77); font-size:.62rem; line-height:1.45; }
    .register-intro { max-width:570px; margin-block:auto; padding:52px 0 35px; }
    .register-kicker { display:inline-flex; gap:8px; align-items:center; margin-bottom:18px; padding:7px 12px; border:1px solid rgba(255,255,255,.23); border-radius:999px; color:#d7c5ff; font-size:.67rem; font-weight:700; letter-spacing:.06em; background:rgba(77,33,159,.28); backdrop-filter:blur(10px); }
    .register-intro h1 { margin:0 0 17px; color:#fff; font-family:"Space Grotesk",Inter,sans-serif; font-size:clamp(2.25rem,4vw,3.25rem); font-weight:800; line-height:1.15; letter-spacing:-.045em; }
    .register-intro h1 em { color:#b989ff; font-style:normal; }
    .register-intro > p { max-width:520px; margin:0; color:rgba(255,255,255,.8); font-size:.88rem; line-height:1.75; }
    .register-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:35px; }
    .register-benefits > div { display:flex; gap:10px; min-height:84px; align-items:center; padding:13px; border:1px solid rgba(255,255,255,.2); border-radius:13px; background:rgba(10,15,61,.32); backdrop-filter:blur(12px); }
    .register-benefits > div > i { display:grid; flex:0 0 35px; height:35px; place-items:center; border-radius:10px; color:#d7bfff; background:rgba(135,72,240,.32); }
    .register-benefits span { display:grid; gap:3px; }
    .register-benefits strong { font-size:.68rem; }
    .register-benefits small { color:rgba(255,255,255,.6); font-size:.55rem; line-height:1.4; }
    .register-copyright { margin:0; color:rgba(255,255,255,.62); font-size:.6rem; }
    .register-form-side { position:relative; display:grid; min-height:100vh; padding:70px 42px 36px; place-items:center; background:radial-gradient(circle at 88% 15%,rgba(116,40,228,.1) 0 1px,transparent 2px) 0 0/14px 14px,var(--reg-bg); }
    .register-home { position:absolute; top:24px; right:28px; display:inline-flex; gap:8px; align-items:center; padding:9px 13px; border:1px solid var(--reg-line); border-radius:10px; color:var(--reg-text); font-size:.68rem; font-weight:700; background:var(--reg-card); box-shadow:0 7px 18px rgba(27,39,80,.09); transition:.2s ease; }
    .register-home:hover { color:var(--reg-purple); transform:translateX(-3px); }
    .register-card { width:min(100%,620px); padding:32px 36px 27px; border:1px solid color-mix(in srgb,var(--reg-line) 72%,transparent); border-radius:22px; background:var(--reg-card); box-shadow:0 25px 70px rgba(28,38,82,.16); backdrop-filter:blur(18px); }
    [data-theme="dark"] .register-card { box-shadow:0 28px 80px rgba(0,0,0,.38); }
    .register-card-heading { display:flex; gap:15px; align-items:center; margin-bottom:23px; }
    .register-card-heading > span { display:grid; flex:0 0 52px; height:58px; place-items:center; border-radius:17px; color:#fff; font-size:1.1rem; background:linear-gradient(145deg,#9651f5,#5315ce); box-shadow:0 12px 24px rgba(99,31,209,.25); }
    .register-card-heading small { color:var(--reg-purple); font-size:.61rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
    .register-card-heading h2 { margin:2px 0 3px; color:var(--reg-text); font-family:"Space Grotesk",Inter,sans-serif; font-size:1.55rem; font-weight:800; letter-spacing:-.035em; }
    .register-card-heading p { margin:0; color:var(--reg-muted); font-size:.72rem; }
    .register-errors { display:flex; gap:11px; margin-bottom:18px; padding:12px 14px; border-radius:11px; color:#e65369; font-size:.7rem; background:rgba(230,83,105,.1); }
    .register-errors > i { margin-top:2px; }
    .register-errors strong { font-size:.74rem; }
    .register-errors ul { margin:4px 0 0; padding-left:16px; }
    .register-form { display:grid; gap:15px; }
    .register-fields-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .register-field label { display:block; margin-bottom:7px; color:var(--reg-text); font-size:.72rem; font-weight:700; }
    .register-input { display:flex; height:48px; align-items:center; border:1px solid var(--reg-line); border-radius:11px; color:var(--reg-muted); background:var(--reg-input); transition:.2s ease; }
    .register-input:focus-within { border-color:var(--reg-purple); box-shadow:0 0 0 4px color-mix(in srgb,var(--reg-purple) 10%,transparent); }
    .register-input.has-error { border-color:#e65369; }
    .register-input > i { display:grid; flex:0 0 43px; place-items:center; font-size:.85rem; }
    .register-input input { flex:1; min-width:0; height:46px; padding:0 10px 0 0; border:0; outline:0; color:var(--reg-text); font:inherit; font-size:.76rem; background:transparent; }
    .register-input input::placeholder { color:color-mix(in srgb,var(--reg-muted) 72%,transparent); }
    .register-password-toggle { display:grid; flex:0 0 40px; height:46px; place-items:center; border:0; color:var(--reg-muted); background:transparent; cursor:pointer; }
    .register-field-error { display:block; margin-top:5px; color:#e65369; font-size:.63rem; }
    .register-password-error { margin-top:-9px; }
    .register-terms { display:flex; gap:9px; align-items:flex-start; color:var(--reg-muted); cursor:pointer; }
    .register-terms input { position:absolute; opacity:0; }
    .register-terms > span { display:grid; flex:0 0 17px; height:17px; margin-top:1px; place-items:center; border:1px solid var(--reg-line); border-radius:5px; color:transparent; font-size:.55rem; background:var(--reg-input); }
    .register-terms input:checked + span { border-color:var(--reg-purple); color:#fff; background:var(--reg-purple); }
    .register-terms em { font-size:.67rem; font-style:normal; line-height:1.55; }
    .register-terms a { color:var(--reg-purple); font-weight:700; }
    .register-submit { position:relative; display:flex; width:100%; height:50px; align-items:center; justify-content:center; gap:9px; border:0; border-radius:11px; color:#fff; font-size:.78rem; font-weight:800; background:linear-gradient(105deg,#8c38f2,#5014cb); box-shadow:0 12px 24px rgba(100,31,210,.25); cursor:pointer; transition:.2s ease; }
    .register-submit i { position:absolute; right:22px; }
    .register-submit:hover { filter:brightness(1.08); transform:translateY(-2px); }
    .register-divider { display:flex; gap:12px; align-items:center; margin:20px 0 14px; color:var(--reg-muted); font-size:.62rem; }
    .register-divider::before,.register-divider::after { flex:1; height:1px; background:var(--reg-line); content:""; }
    .register-login { margin:0; color:var(--reg-muted); font-size:.72rem; text-align:center; }
    .register-login a { color:var(--reg-purple); font-weight:800; }
    .register-security { margin:17px 0 0; color:var(--reg-muted); font-size:.6rem; text-align:center; }
    .register-security i { margin-right:5px; color:#20b878; }
    @media(max-width:1080px) { .register-layout { grid-template-columns:420px 1fr; } .register-visual { padding-inline:32px; } .register-benefits { grid-template-columns:1fr; } .register-benefits>div { min-height:62px; } }
    @media(max-width:850px) { .register-layout { display:block; } .register-visual { min-height:330px; padding:27px 25px; background-position:center 45%; } .register-intro { padding:45px 0 20px; } .register-intro h1 { font-size:2rem; } .register-benefits,.register-copyright { display:none; } .register-form-side { min-height:auto; padding:78px 20px 35px; } }
    @media(max-width:590px) { .register-visual { min-height:285px; } .register-brand>small { display:none; } .register-intro>p { font-size:.76rem; } .register-card { padding:27px 19px 24px; border-radius:18px; } .register-fields-row { grid-template-columns:1fr; gap:15px; } .register-home { top:18px; right:18px; } }