:root{--primary:#ff7597;--primary-light:#ff9cb3;--primary-hover:#ff5c83;--secondary:#b3cfff;--secondary-light:#e6f0ff;--bg:#fdfafc;--card-bg:#ffffffd9;--text-main:#5c4d53;--text-muted:#9c8a92;--border:#ffe1e899;--border-strong:#ffc4d3;--shadow-sm:0 4px 12px #ff75971f;--shadow-md:0 8px 24px #ff759726;--shadow-lg:0 20px 40px #ff759733;--gloss-inset:inset 0 2px 4px #fffc, inset 0 -2px 4px #ff759733;--glass-filter:blur(16px);--radius-sm:16px;--radius-md:24px;--radius-lg:36px;--radius-full:9999px;--font-sans:"Nunito", "Quicksand", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(circle at top center, #fff 0%, var(--bg) 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;justify-content:center;min-height:100vh;display:flex}#root{background:var(--card-bg);width:100%;max-width:480px;min-height:100vh;-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff80;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;position:relative;overflow-x:hidden}h1,h2,h3,h4{color:var(--primary);text-shadow:0 2px 4px #ffffff80;margin-bottom:.5rem;font-weight:800}p{color:var(--text-muted);line-height:1.5}.btn{background:linear-gradient(180deg, var(--primary-light) 0%, var(--primary) 100%);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md), var(--gloss-inset);text-shadow:0 1px 2px #0000001a;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:18px 24px;font-size:1.1rem;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(#fff6,#0000);border-radius:50%;width:80%;height:40%;position:absolute;top:0;left:10%}.btn:active{box-shadow:var(--shadow-sm), inset 0 4px 8px #0000001a;transform:scale(.94)}.btn-secondary{color:var(--primary);border:2px solid var(--primary-light);box-shadow:var(--shadow-sm), inset 0 2px 4px #fff;background:linear-gradient(#fff 0%,#f9f9f9 100%)}.input-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.input-group label{color:var(--text-main);padding-left:4px;font-size:.95rem;font-weight:800}.input-group input{border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-main);-webkit-user-select:auto;user-select:auto;background:#fff9;border:2px solid #fff;outline:none;padding:18px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:inset 0 2px 6px #00000005,0 4px 12px #ff75970d}.input-group input:focus{border-color:var(--primary-light);background:#fff;box-shadow:inset 0 2px 6px #00000005,0 0 0 4px #ff759726}