*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica,Arial,sans-serif}body{color:#1c1c1e;background:linear-gradient(135deg,#f2f2f7,#e8f0ff,#fdf2f8);justify-content:center;align-items:center;min-height:100vh;display:flex}.app{width:100%;max-width:420px;padding:20px}.segment{background:linear-gradient(90deg,#e0e7ff,#fce7f3,#ecfeff);border-radius:18px;margin-bottom:20px;padding:6px;display:flex;box-shadow:inset 0 1px 3px #00000014}.segment button{color:#1c1c1e;cursor:pointer;background:0 0;border:none;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .25s}.segment-active{color:#fff;background:linear-gradient(135deg,#007aff,#5ac8fa);box-shadow:0 4px 10px #007aff59}.card{background:linear-gradient(#fff,#f9f9ff);border-radius:20px;padding:20px;animation:.4s fadeUp;box-shadow:0 12px 28px #00000014,0 2px 6px #0000000d}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}h2{margin-bottom:14px;font-size:18px;font-weight:600}input{background:#fff;border:1px solid #d1d1d6;border-radius:14px;width:100%;margin-bottom:12px;padding:14px;font-size:15px;transition:border .2s}input:focus{border-color:#007aff;outline:none}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#007aff,#5ac8fa);border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #007aff59}button:active{transform:scale(.98)}.btn-row{gap:10px;margin-top:10px;display:flex}.btn-secondary{color:#000;background:linear-gradient(135deg,#e5e5ea,#f2f2f7)}.error{color:#ff3b30;margin-bottom:8px;font-size:13px}