:root{--bg: #f3f6f3;--card: #ffffff;--muted: #58615a;--text: #1f2320;--green-50: #eef7f0;--green-100: #dff1e6;--green-200: #c8e8d5;--green-400: #56b381;--green-500: #3aa564;--green-600: #2e8a54;--ring: rgba(58, 165, 100, .25);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{max-width:420px;margin:0 auto;padding:28px 20px 40px}.header{display:flex;align-items:center;gap:12px}.logo-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--green-50);color:var(--green-600);box-shadow:0 1px 1px #1018140f,0 8px 24px #1018140f}.title{font-size:28px;line-height:1.2;margin:14px 0 6px}.subtitle{color:var(--muted);margin:0 0 22px}.card{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 1px 1px #1018140f,0 8px 24px #1018140f}.section-title{font-size:16px;font-weight:600;margin:0 0 10px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--green-50);color:var(--text);border:1px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .05s ease}.chip:hover{border-color:var(--green-200)}.chip.selected{background:var(--green-100);border-color:var(--green-400);color:var(--green-600);box-shadow:0 0 0 4px var(--ring)}.chip:focus-visible{box-shadow:0 0 0 4px var(--ring)}.chip:active{transform:translateY(1px)}.input{width:100%;padding:14px 14px 14px 44px;border:1px solid #e7ebe8;background:var(--card);border-radius:14px;font-size:16px;outline:none;transition:box-shadow .2s ease,border-color .2s ease}.input::placeholder{color:#9aa39e}.input:focus{border-color:var(--green-400);box-shadow:0 0 0 6px var(--ring)}.input-wrap{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--green-600)}.submit{width:100%;margin-top:14px;padding:14px 18px;font-weight:600;font-size:16px;color:#fff;background:linear-gradient(180deg,var(--green-500),var(--green-600));border-radius:14px;border:none;cursor:pointer;box-shadow:0 6px 20px #2e8a5440}.submit:disabled{filter:grayscale(.2) opacity(.75);cursor:not-allowed}.helper{color:var(--muted);font-size:13px;margin-top:10px}.consent{display:flex;align-items:center;gap:10px;margin-top:12px;-webkit-user-select:none;user-select:none}.consent input{width:18px;height:18px}.success{display:flex;align-items:center;gap:10px;background:#e8f6ee;color:#245d3f;border:1px solid #cde7d7;border-radius:12px;padding:12px 14px}.error{color:#b42318;margin-top:8px}.spacer{height:16px}@media(max-width:480px){.page{padding:20px 12px 28px}}.ig-banner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;margin-bottom:20px;border-radius:16px;background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;text-decoration:none;box-shadow:0 4px 18px #ee2a7b59;transition:filter .18s ease,transform .1s ease}.ig-banner:hover{filter:brightness(1.07)}.ig-banner:active{transform:scale(.98)}.ig-banner svg{font-size:22px;flex-shrink:0}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center}@media(max-width:480px){#root{padding:8px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}