:root{--bg-1: #f0f9ff;--bg-2: #ecfeff;--bg-3: #fff7ed;--ink: #0f2233;--muted: #52697d;--line: rgba(18, 37, 57, .16);--card: rgba(255, 255, 255, .84);--teal: #0f766e;--cyan: #06b6d4;--amber: #f59e0b;--rose: #e11d48;--ok: #15803d;--error: #be123c;--radius-lg: 24px;--radius-md: 16px;--shadow-soft: 0 18px 44px rgba(9, 30, 66, .12);--shadow-strong: 0 30px 70px rgba(9, 30, 66, .18)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--ink);font-family:Space Grotesk,sans-serif;background:linear-gradient(125deg,var(--bg-1),var(--bg-2),var(--bg-3))}.app-shell{position:relative;isolation:isolate;padding:18px}.scroll-track{position:fixed;top:0;left:0;height:5px;width:100%;transform-origin:0 50%;z-index:8;background:linear-gradient(90deg,var(--teal),var(--cyan),var(--amber));box-shadow:0 2px 18px #06b6d45c}.ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.blob{position:absolute;border-radius:50%;opacity:.52;filter:blur(8px);animation:drift 16s ease-in-out infinite}.blob-a{width:470px;height:470px;left:-160px;top:-120px;background:radial-gradient(circle at 35% 35%,#5eead4,#06b6d4)}.blob-b{width:380px;height:380px;right:-110px;top:180px;background:radial-gradient(circle at 40% 40%,#fcd34d,#fb7185);animation-delay:2.2s}.blob-c{width:520px;height:520px;left:25%;bottom:-280px;background:radial-gradient(circle at 50% 50%,#bbf7d0,#22d3ee);animation-delay:5.2s}.mesh{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background-image:linear-gradient(rgba(15,118,110,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,118,110,.06) 1px,transparent 1px);background-size:44px 44px;transform:rotate(6deg);animation:meshShift 22s linear infinite}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}35%{transform:translate3d(12px,-18px,0) scale(1.05)}70%{transform:translate3d(-10px,10px,0) scale(.98)}}@keyframes meshShift{0%{transform:rotate(6deg) translate(0)}to{transform:rotate(6deg) translate(-44px)}}.hero{width:min(1240px,calc(100vw - 36px));margin:14px auto 18px;padding:28px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(160deg,#ffffffd6,#f0fdfac2);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 45% 45%,#22d3ee5c,#22d3ee00)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(15,118,110,.26);background:#ffffffe6;color:var(--teal);font-size:12px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;padding:8px 14px}.hero h1{margin:14px 0 10px;font-family:Sora,sans-serif;font-size:clamp(30px,4.2vw,52px);line-height:1.08;max-width:860px}.hero p{max-width:820px;margin:0;color:var(--muted);font-size:17px;line-height:1.5}.meter-wrap{margin-top:20px;display:grid;gap:8px;width:min(460px,100%)}.meter{border-radius:999px;height:13px;background:#0e749029;overflow:hidden}.meter-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--cyan),var(--amber))}.meter-wrap span{font-size:13px;color:var(--muted)}.content-grid{width:min(1240px,calc(100vw - 36px));margin:0 auto 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.form-column,.side-column{display:grid;gap:14px;align-content:start}.section,.info-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft)}.section{padding:18px}.section-head{margin-bottom:12px}.section h2,.info-card h3{margin:0;font-family:Sora,sans-serif}.section h2{font-size:19px}.section-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field.full{grid-column:1 / -1}.field{display:grid;gap:6px}.field span{font-size:13px;color:var(--muted);font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(18,37,57,.24);border-radius:12px;padding:10px 12px;background:#fffffff0;color:var(--ink);font-size:15px;font-family:Space Grotesk,sans-serif;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #06b6d433;transform:translateY(-1px)}.actions{padding:2px}.btn-main{width:100%;border:0;border-radius:12px;padding:13px 14px;font-size:15px;font-family:Sora,sans-serif;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(95deg,var(--teal),var(--cyan));box-shadow:0 12px 26px #0f766e57;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-main:hover{transform:translateY(-1px);box-shadow:0 18px 32px #0f766e70}.btn-main:disabled{opacity:.65;cursor:wait;transform:none}.info-card{padding:14px;display:grid;gap:10px}.info-card h3{color:var(--teal);font-size:16px}.info-card p{margin:0;line-height:1.4}.info-card pre{margin:0;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;font-size:12px;line-height:1.4;color:#0f172a}.info-card ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:14px}.info-card.success{border-color:#15803d40;background:linear-gradient(140deg,#dcfce7bf,#ffffffe6)}.info-card.error{border-color:#e11d4840;background:linear-gradient(140deg,#ffe4e6c7,#ffffffe6)}.info-card.loading{border-color:#0e749040;background:linear-gradient(140deg,#e0f2fec7,#ffffffe6)}@media (max-width: 1040px){.content-grid{grid-template-columns:1fr}.side-column{order:-1}}@media (max-width: 760px){.app-shell{padding:10px}.hero,.content-grid{width:calc(100vw - 20px)}.hero{padding:18px;border-radius:18px}.field-grid{grid-template-columns:1fr}.section,.info-card{border-radius:14px}}@media (prefers-reduced-motion: reduce){.blob,.mesh,.btn-main,.field input,.field select,.field textarea{animation:none!important;transition:none!important;transform:none!important}}