@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#121116;--card:#1b1a20;--edge:#302e36;--muted:#96929d;--gold:#efbb82;--white:#f6f4f5}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;color:var(--white)}button,input{font:inherit}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:minmax(230px,32.5%) 1fr;min-height:100vh}.visual-panel{position:relative;min-height:100vh;background:#161310 url('../img/architecture.jpg') center center/cover no-repeat;overflow:hidden}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.33),rgba(0,0,0,.05) 40%,rgba(0,0,0,.7))}.welcome{position:absolute;left:13%;bottom:16.5%;border-left:3px solid var(--gold);padding-left:20px}.welcome h2{font-size:30px;font-weight:600;line-height:1.35;letter-spacing:-1px;margin:0 0 12px}.welcome p{font-size:11px;line-height:1.8;color:#aaa5a8;margin:0}.main-panel{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 55% 45%,#18171e 0%,#121116 73%);padding:50px 32px;min-width:0}.main-inner{width:100%;max-width:410px}.auth-card{border:1px solid #302e35;background:linear-gradient(145deg,#1b1a20,#19181f);box-shadow:0 20px 48px rgba(0,0,0,.3);padding:70px 36px 63px;border-radius:24px}.logo-bubble{width:82px;height:82px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;border:1px solid #34323a;background:linear-gradient(135deg,#202027,#1a1920);box-shadow:0 8px 20px #0002}.hero-icon{width:37px;height:37px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-header{text-align:center;margin-bottom:38px}.card-header h1{font-size:27px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0 0 11px}.card-header p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.form label{display:block;font-size:12px;font-weight:500;color:#eeeaf0;margin-bottom:10px}.input-wrap{position:relative;display:flex;align-items:center;margin-bottom:27px}.input-wrap>svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#aaa6b0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.input-wrap input{outline:none;height:51px;width:100%;padding:0 48px 0 47px;border:1px solid #323039;background:#201f26;border-radius:10px;color:#faf8fa;transition:border .2s,box-shadow .2s}.input-wrap input::placeholder{color:#85818d;font-size:12px}.input-wrap input:focus{border-color:#ddac78;box-shadow:0 0 0 3px #efbb821c}.toggle-password{border:0;background:transparent;color:#aba6af;position:absolute;right:10px;padding:10px;cursor:pointer;font-size:18px}.toggle-password:hover{color:var(--gold)}.form-meta{text-align:right;margin:-9px 0 24px;font-size:12px}.primary-button{position:relative;width:100%;height:55px;border:0;border-radius:10px;color:#181419;background:linear-gradient(125deg,#eeb780,#f5c996);box-shadow:0 7px 24px #e3aa7130;font-weight:600;cursor:pointer;transition:transform .18s,filter .18s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.primary-button:focus-visible, a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:25px;font-weight:400}.social-divider{display:flex;align-items:center;gap:14px;margin:44px 0 32px;color:#83808b;font-size:12px;white-space:nowrap}.social-divider:before,.social-divider:after{content:"";height:1px;background:#302e35;flex:1}.socials{display:flex;justify-content:center;gap:32px}.social-button{display:grid;place-items:center;width:58px;height:58px;border:1px solid #2c2b33;border-radius:50%;background:#201f26;opacity:.9;cursor:not-allowed}.google-g{font-weight:700;font-size:29px;background:conic-gradient(#4285f4 0 90deg,#34a853 90deg 180deg,#fbbc05 180deg 260deg,#ea4335 260deg 360deg);background-clip:text;-webkit-background-clip:text;color:transparent}.social-button svg{height:27px;width:27px;fill:#f4f4f5}.switch-link{text-align:center;font-size:13px;color:#948f9a;margin:43px 0 0}.switch-link a{font-weight:600;margin-left:5px}.security{display:flex;align-items:center;justify-content:center;gap:8px;color:#898590;font-size:11px;margin-top:31px}.security svg{width:16px;height:16px;fill:none;stroke:#898590;stroke-width:1.5;stroke-linejoin:round}.messages{margin-bottom:18px}.alert{font-size:12px;padding:12px 14px;border-radius:9px;line-height:1.5}.alert+.alert{margin-top:8px}.alert-error{background:#542b30;color:#ffd5d9;border:1px solid #82424b}.alert-success{background:#253b32;color:#c5edd3;border:1px solid #38644b}.compact{padding-bottom:52px}.compact .form .primary-button{margin-top:5px}.dashboard-card .card-header{margin-bottom:30px}.dashboard-info{border:1px solid #34313a;background:#222027;border-radius:12px;padding:20px;margin-bottom:28px;overflow-wrap:anywhere}.detail-label{font-size:11px;color:#a6a0ac;margin:0 0 7px}.detail-value{font-size:14px;margin-bottom:20px}.detail-value:last-child{margin-bottom:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#8ec7a1;display:inline-block;margin-right:6px}@media(min-width:1100px){.main-inner{max-width:410px}.auth-card{padding-left:36px;padding-right:36px}}@media(max-width:740px){.layout{grid-template-columns:1fr}.visual-panel{min-height:180px;height:180px;background-position:center 38%}.visual-shade{background:linear-gradient(90deg,#0009,#0004)}.welcome{bottom:24px;right:20px;left:auto;padding-left:13px}.welcome h2{font-size:17px;line-height:1.15;margin:0}.welcome p,.main-panel{min-height:calc(100vh - 180px);padding:28px 16px}.auth-card{padding:38px 23px 42px;border-radius:20px}.logo-bubble{width:70px;height:70px}.hero-icon{width:37px;height:37px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-header{margin-bottom:30px}.social-divider{margin-top:35px}.switch-link{margin-top:34px}}@media(max-width:370px){.socials{gap:14px}.social-button{width:52px;height:52px}.auth-card{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}