:root{--bg:#f4f7fb;--bg-soft:#eef3f9;--surface:#fff;--surface-2:#f8fbff;--text:#0f172a;--muted:#64748b;--border:#dbe4f0;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#dbeafe;--success-bg:#ecfdf3;--success-text:#166534;--error-bg:#fef2f2;--error-text:#b91c1c;--shadow:0 20px 50px rgba(15,23,42,.08);--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#dbeafe 0,transparent 28%),radial-gradient(circle at top right,#e0f2fe 0,transparent 24%),linear-gradient(180deg,#f8fbff,#f4f7fb)}a{color:inherit;text-decoration:none}button,input{font:inherit}main{min-height:100vh}.auth-shell,.page-shell{width:100%;padding:32px 20px 56px}.page-shell{max-width:var(--container);margin:0 auto}.hero-card{display:grid;grid-template-columns:1.4fr .95fr;grid-gap:24px;gap:24px;align-items:stretch;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(219,228,240,.9);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow)}.hero-copy h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.03em}.auth-footnote,.auth-intro p,.feature-card p,.feedback,.hero-copy p,.section-head p,.stat-label{color:var(--muted);line-height:1.7}.eyebrow{display:inline-flex;align-items:center;padding:8px 14px;margin-bottom:18px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:.85rem;font-weight:700;letter-spacing:.03em}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:14px;font-weight:700;transition:all .2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.22)}.btn-primary:hover{filter:brightness(1.03)}.btn-secondary{background:#fff;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2)}.btn-block{width:100%}.hero-panel{display:grid;grid-gap:14px;gap:14px}.stat-box{padding:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border);border-radius:var(--radius-md)}.stat-label{display:block;margin-bottom:8px;font-size:.85rem}.stat-box strong{font-size:1rem;color:var(--text)}.section-block{margin-top:32px}.section-head{max-width:700px;margin-bottom:20px}.section-head h2{margin:0 0 10px;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.15}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.feature-card{background:hsla(0,0%,100%,.92);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.feature-card h3{margin:0 0 10px;font-size:1.05rem}.auth-shell{display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:480px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(219,228,240,.9);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.auth-intro h1{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}.auth-form{display:grid;grid-gap:16px;gap:16px;margin-top:22px}.auth-form label{display:grid;grid-gap:8px;gap:8px;font-weight:600;color:var(--text)}.auth-form span{font-size:.95rem}.auth-form input{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.14);background:#fff}.feedback{margin:4px 0 0;padding:12px 14px;border-radius:14px;font-size:.95rem}.feedback.success{background:var(--success-bg);color:var(--success-text)}.feedback.error{background:var(--error-bg);color:var(--error-text)}.auth-footnote{margin-top:8px;font-size:.95rem}.auth-footnote a{color:var(--primary-dark);font-weight:700}.auth-footnote a:hover{text-decoration:underline}@media (max-width:900px){.hero-card{padding:24px}.feature-grid,.hero-card{grid-template-columns:1fr}}@media (max-width:640px){.auth-shell,.page-shell{padding:20px 16px 40px}.auth-card,.feature-card,.hero-card{padding:20px}.hero-copy h1{font-size:2rem}.hero-actions{flex-direction:column}.btn{width:100%}}