:root{color-scheme:light;--brand-red: #ef0018;--brand-red-deep: #bc0016;--brand-blue: #0f3d80;--brand-blue-deep: #0a2e62;--brand-white: rgba(255, 255, 255, .94);--ink: #122744;--muted: #5a6c89;--surface: #f5f9ff;--surface-blue: rgba(15, 61, 128, .08);--surface-red: rgba(239, 0, 24, .08);--line: rgba(15, 61, 128, .12);--line-strong: rgba(15, 61, 128, .18);--danger: #c73a39;--success: #0f3d80;--max-cyan: #18d7ff;--max-blue: #0a66ff;--max-violet: #7b3dff;--max-pink: #f04bd8;--shadow: 0 30px 80px rgba(15, 61, 128, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(239,0,24,.12),transparent 26%),radial-gradient(circle at top right,rgba(15,61,128,.14),transparent 32%),linear-gradient(180deg,#fff,#edf4ff);color:var(--ink);font-family:Avenir Next,Trebuchet MS,sans-serif}button,input{font:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.portal-frame{width:min(1180px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}.brand-panel,.form-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:var(--brand-white);box-shadow:var(--shadow)}.brand-panel{padding:42px;background:linear-gradient(140deg,#fffffffa,#f3f8fff5)}.brand-panel:before{content:"";position:absolute;top:-80px;right:-40px;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,#0f3d8021,#0f3d8000)}.brand-panel:after{content:"";position:absolute;bottom:-120px;left:-80px;width:300px;height:300px;border-radius:999px;background:radial-gradient(circle,#ef00181f,#ef001800)}.brand-header,.brand-copy,.form-intro,.auth-form,.result-block,.success-message,.error-message{position:relative;z-index:1}.brand-header{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.brand-logo{width:min(100%,420px);height:auto}.eyebrow{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--surface-red);color:var(--brand-red-deep);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.brand-copy{max-width:560px;margin-top:24px}.brand-copy h1{margin:0;max-width:9ch;font-family:Avenir Next Condensed,Avenir Next,Trebuchet MS,sans-serif;font-size:clamp(2.3rem,4.8vw,4.2rem);font-weight:800;line-height:.96;letter-spacing:-.045em;color:var(--brand-blue-deep);text-wrap:balance}.form-panel{padding:28px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(180deg,#fffffffa,#f6fafff5)}.form-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:10px;background:linear-gradient(90deg,var(--brand-red) 0%,var(--brand-red) 52%,var(--brand-blue) 52%,var(--brand-blue) 100%)}.status-strip{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border-radius:20px;background:linear-gradient(145deg,#0f3d800f,#ffffffe6);color:var(--muted);border:1px solid rgba(15,61,128,.08);font-weight:700}.status-dot{width:10px;height:10px;border-radius:999px;background:#0f3d803d}.status-idle{background:var(--brand-blue)}.status-loading{background:var(--brand-red);animation:pulse 1.1s ease-in-out infinite}.status-success{background:var(--success)}.status-error{background:var(--danger)}.form-intro{display:flex;flex-direction:column;gap:8px}.form-intro strong{color:var(--brand-blue-deep);font-size:1.6rem}.form-intro p{margin:0;color:var(--muted);line-height:1.65}.auth-form,.result-block,.telegram-auth{display:flex;flex-direction:column;gap:14px}.telegram-auth{padding-top:6px}.telegram-auth span{color:var(--muted);font-size:14px;font-weight:700}.auth-form label{font-size:14px;font-weight:700}.auth-form input{width:100%;padding:16px 18px;border:1px solid var(--line-strong);border-radius:18px;background:#fffffff5;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.auth-form input:focus{outline:none;border-color:#0f3d80bf;box-shadow:0 0 0 4px #0f3d801a,0 12px 24px #0f3d8014;transform:translateY(-1px)}.auth-form button,.result-block button,.telegram-button,.max-button,.telegram-link,.max-link,.ghost-button{cursor:pointer;min-height:56px;border:none;border-radius:18px;padding:0 18px;font-weight:700;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.auth-form button,.result-block button,.telegram-button,.max-button,.telegram-link,.max-link{background:linear-gradient(135deg,var(--brand-red) 0%,#ff9d39 100%);color:#fff;box-shadow:0 22px 38px #ef001833;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.max-button,.max-link{position:relative;isolation:isolate;overflow:hidden}.max-button:before,.max-link:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.58),transparent 22%),linear-gradient(135deg,var(--max-cyan) 0%,var(--max-blue) 45%,var(--max-violet) 76%,var(--max-pink) 100%)}.auth-form button:disabled,.telegram-button:disabled,.max-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.telegram-button,.telegram-link{background:linear-gradient(135deg,#23a8e8 0%,var(--brand-blue) 100%);box-shadow:0 22px 38px #0f3d802e}.max-button,.max-link{background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 36%),linear-gradient(135deg,var(--max-cyan) 0%,var(--max-blue) 42%,var(--max-violet) 72%,var(--max-pink) 100%);box-shadow:0 22px 38px #0a66ff38,inset 0 0 0 1px #ffffff47}.ghost-button,.result-block .ghost-button{background:var(--surface-blue);color:var(--brand-blue);box-shadow:none}.auth-form button:hover:not(:disabled),.result-block button:hover,.telegram-button:hover:not(:disabled),.max-button:hover:not(:disabled),.telegram-link:hover,.max-link:hover,.ghost-button:hover{transform:translateY(-1px)}.result-block strong{color:var(--brand-blue-deep);font-size:1.2rem}.result-block p,.success-message,.error-message{margin:0;line-height:1.55}.success-message{color:var(--success)}.error-message{color:var(--danger)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@media(max-width:900px){.portal-frame{grid-template-columns:1fr}.brand-panel,.form-panel{padding:28px}.brand-copy h1{max-width:none;font-size:clamp(2rem,7vw,3.2rem);letter-spacing:-.035em}}