@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;700;800&family=Manrope:wght@400;600;700&display=swap";:root{--ink-strong:#0d1b28;--ink-soft:#3b566b;--paper:#f4fbff;--panel:#ffffffc7;--line:#00569c33;--brand-blue:#0f68dd;--brand-cyan:#2fe0e8;--brand-lime:#b7f251;--brand-coral:#ff8f6b;--brand-gold:#ffc94a;--radius-xl:30px;--radius-md:14px;--shadow-strong:0 18px 60px #093a823d;--shadow-soft:0 8px 28px #093a821f}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink-strong);background:radial-gradient(circle at 12% 18%,#2fe0e857 0%,#0000 40%),radial-gradient(circle at 82% 22%,#ffc94a40 0%,#0000 44%),radial-gradient(circle at 80% 78%,#b7f25138 0%,#0000 38%),linear-gradient(132deg,#d9f4ff 0%,#effcff 38%,#eaf8ff 100%);margin:0;font-family:Manrope,sans-serif}#root{min-height:100vh}.app-shell{justify-content:center;align-items:center;width:min(980px,94vw);min-height:100vh;margin:0 auto;padding:44px 0;display:flex}.panel{border-radius:var(--radius-xl);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;box-shadow:var(--shadow-strong);border:1px solid #ffffff9e;padding:30px;animation:.56s rise-in}.panel-header h1{letter-spacing:-.03em;margin:8px 0 12px;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--brand-blue);margin:0;font-size:.74rem;font-weight:700}.subtitle{color:var(--ink-soft);max-width:66ch;margin:0}.form-grid{gap:14px;margin-top:24px;display:grid}.form-grid label{color:#23455e;gap:8px;font-weight:700;display:grid}input,select,button{font:inherit}input,select{border-radius:var(--radius-md);color:#11324a;background:#ffffffd9;border:1px solid #0d6ebe38;min-height:50px;padding:10px 14px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:#0e88de;outline:none;box-shadow:0 0 0 4px #0e88de29}.logo-meta{color:#5f7b90;font-size:.85rem;font-weight:600}button{cursor:pointer;color:#072137;letter-spacing:.01em;background:linear-gradient(98deg, var(--brand-coral) 0%, var(--brand-gold) 48%, var(--brand-lime) 100%);min-height:52px;box-shadow:var(--shadow-soft);border:0;border-radius:999px;margin-top:10px;font-weight:800;transition:transform .18s,filter .18s}button:hover{filter:saturate(1.06);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.68}.error-text{color:#b02825;background:#ff656526;border:1px solid #ff656559;border-radius:10px;margin:0;padding:10px 12px}.panel-processing{text-align:center}.halo-wrap{width:190px;height:190px;margin:6px auto 22px;position:relative}.halo{border:2px solid #0f68dd57;border-radius:50%;position:absolute;inset:0}.halo.one{background:radial-gradient(circle at 28% 24%,#2fe0e8b3 0%,#2fe0e829 45%,#0000 65%);animation:2.8s ease-in-out infinite pulse}.halo.two{border-color:#ff8f6b73;animation:12s linear infinite spin}.halo.three{border-color:#b7f2518f;animation:2.8s ease-in-out infinite reverse pulse;transform:scale(.82)}.progress-steps{text-align:left;gap:12px;max-width:430px;margin:26px auto 0;padding:0;list-style:none;display:grid}.progress-steps li{color:#4e6d84;opacity:.7;align-items:center;gap:10px;font-weight:600;transition:all .22s;display:flex;transform:translate(-4px)}.progress-steps li.active,.progress-steps li.done{opacity:1;transform:translate(0)}.step-dot{background:#075fa847;border-radius:50%;width:11px;height:11px}.progress-steps li.active .step-dot{background:var(--brand-coral);box-shadow:0 0 0 4px #ff8f6b40}.progress-steps li.done .step-dot{background:var(--brand-lime)}.panel-result{text-align:center}.result-image-wrap{background:linear-gradient(145deg,#2fe0e84d,#0f68dd26);border-radius:22px;width:min(380px,100%);margin:16px auto 24px;padding:12px}.result-image{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;display:block}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 10px;display:grid}.result-cards article{text-align:left;border:1px solid var(--line);background:#ffffffad;border-radius:16px;padding:14px}.result-cards h2{margin:0 0 10px;font-family:Syne,sans-serif;font-size:1.2rem}.result-cards ul{gap:6px;margin:0;padding-left:20px;display:grid}.result-cards p{color:#34526a;margin:0}.result-cards p+p{margin-top:8px}@media (width<=760px){.app-shell{width:94vw;padding:18px 0}.panel{border-radius:22px;padding:20px}.result-cards{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:.95;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
