html,body,#root{min-width:320px;min-height:100%;margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #079bc366;outline-offset:2px}.input-readonly{background:var(--surface-2, #f4f6f8);color:var(--text, #222);border:1.5px solid var(--border, #e2e8f0);border-radius:8px;padding:10px 14px;width:100%;cursor:not-allowed;opacity:.8;font-size:inherit}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background .2s;line-height:1}.password-toggle:hover{color:#bc2018;background:#bc201818}.password-toggle:focus-visible{outline:2px solid #bc2018;outline-offset:1px}.header-user{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--line);margin-left:5px}.header-user>div:nth-child(2){min-width:0;text-align:left}.header-user b{display:block;font-weight:700;font-size:14px;white-space:nowrap}.header-user small{display:block;color:var(--muted);font-size:11px;white-space:nowrap}.header-user-actions{display:flex;align-items:center;gap:2px;margin-left:8px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px #0000000d;border-radius:12px;padding:6px;display:flex;flex-direction:column;min-width:200px;z-index:50}.user-dropdown button{text-align:left;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text);background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.user-dropdown button:hover{background:var(--bg)}.user-dropdown button:active{background:var(--line)}.forgot-flow{animation:slideUp .25s ease}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:0;margin-bottom:20px;transition:color .2s}.back-btn:hover{color:#bc2018}.link-btn{background:none;border:none;color:#bc2018;font-size:13px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.link-btn:hover{color:#7c1d18}.otp-input{text-align:center;font-size:28px;font-weight:800;letter-spacing:12px;font-family:monospace;color:#bc2018!important}.forgot-success{text-align:center;padding:16px 0}.forgot-success-icon{font-size:52px;margin-bottom:16px}.forgot-success h2{font-size:20px;color:#bc2018;margin-bottom:8px}.forgot-success p{font-size:14px;color:#64748b;line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}.entry-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(520px,.8fr);margin:0;background:radial-gradient(circle at 8% 92%,#22bfd8 0,transparent 29%),linear-gradient(135deg,#073b5a,#087fa9 54%,#079bc3);font-family:Inter,system-ui,-apple-system,sans-serif;color:#17313f}.entry-art{position:relative;overflow:hidden}.entry-stage{position:absolute;width:min(92%,980px);aspect-ratio:1.42/1;max-height:calc(100% - 140px);left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:2px solid #ffffffc9;border-radius:24px;background:#ffffff14;box-shadow:0 24px 50px #073b5a66,inset 0 0 0 6px #ffffff20}.entry-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0}.entry-stage>img.active{opacity:1}.entry-dots{position:absolute;z-index:2;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:7px;padding:8px 11px;border:1px solid #ffffff59;border-radius:99px;background:#172033dd}.entry-dots button{width:36px;height:36px;padding:0;border:0;border-radius:99px;background:transparent;cursor:pointer}.entry-dots button:before{content:"";display:block;width:9px;height:9px;margin:auto;border-radius:99px;background:#ffffffa6}.entry-dots button.active:before{width:24px;background:#f8b719}.entry-panel{display:grid;place-items:center;padding:clamp(36px,6vw,96px)}.entry-box{width:min(520px,100%);padding:clamp(32px,4vw,52px);border:1px solid #ffffffb8;border-radius:24px;background:#fff;box-shadow:0 26px 70px #073b5a40}.entry-box>small{color:#087fa9;font-size:12px;font-weight:800;letter-spacing:1.3px}.entry-box h1{margin:8px 0;font-size:30px;line-height:1.2}.entry-box>p{margin:0 0 28px;color:#60798a;line-height:1.55}.entry-box>label{display:block;margin:0 0 15px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.entry-box input{width:100%;margin-top:6px;padding:12px;border:1px solid #d9e4e8;border-radius:11px;background:#fff;font:500 15px inherit;outline:none}.entry-box input:focus{border-color:#079bc3;box-shadow:0 0 0 3px #079bc322}.entry-password{position:relative;display:block}.entry-password button{position:absolute;right:7px;top:12px;padding:7px;border:0;background:transparent;color:#087fa9;font-size:11px;font-weight:800;cursor:pointer}.entry-password input{padding-right:80px}.entry-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 15px}.entry-options .remember{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.entry-options input{width:auto;margin:0}.entry-link{padding:0;border:0;background:transparent;color:#087fa9;font-weight:700;cursor:pointer}.entry-link.back{margin-bottom:20px}.entry-primary{width:100%;padding:13px 18px;border:0;border-radius:11px;background:#079bc3;color:#fff;font-weight:800;cursor:pointer}.entry-primary:disabled{opacity:.65}.entry-secure{margin-top:20px;padding:12px;border-radius:11px;background:#e0f7ef;color:#267257;font-size:13px}.entry-error{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:#ffeaeb;color:#a72f36;font-size:13px}.entry-otp{text-align:center;font-size:24px!important;font-weight:800!important;letter-spacing:10px}@media(max-width:1024px){.entry-page{grid-template-columns:1fr}.entry-art{display:none}.entry-panel{min-height:100vh;padding:20px 14px}.entry-box{padding:28px 20px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.entry-stage>img{transition:none}}
