*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#f97316;--orange-dark:#ea6c0a;--black:#0f0f0f;--dark:#1c1c1c;--gray-900:#111827;--gray-700:#404040;--gray-500:#888;--gray-300:#d1d5db;--gray-100:#f5f5f4;--white:#fff;--green:#16a34a;--red:#dc2626;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #00000024}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--gray-100);color:var(--gray-900);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit;font-size:1rem}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--gray-900);border:1.5px solid var(--gray-300)}.btn-ghost{color:var(--gray-700);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--gray-700);font-size:.875rem;font-weight:500}.input-field{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);width:100%;padding:12px 14px;font-size:1rem;transition:border-color .15s}.input-field:focus{border-color:var(--orange)}.input-field.error{border-color:var(--red)}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-orange{color:var(--orange);background:#fff0e6}.badge-green{color:var(--green);background:#dcfce7}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.badge-red{color:var(--red);background:#fee2e2}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--gray-300);border-top-color:var(--orange);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.page{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:16px;display:flex}.page-title{margin-bottom:4px;font-size:1.5rem;font-weight:700}.page-sub{color:var(--gray-500);margin-bottom:24px;font-size:.9rem}.steps{gap:6px;margin-bottom:24px;display:flex}.step{background:var(--gray-300);border-radius:2px;flex:1;height:4px;transition:background .3s}.step.active{background:var(--orange)}.step.complete{background:var(--green)}.price-box{background:var(--black);color:var(--white);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:20px;display:flex}.price-amount{color:var(--orange);font-size:2rem;font-weight:700}.bottom-nav{background:var(--white);border-top:1px solid var(--gray-300);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--gray-500);flex-direction:column;align-items:center;gap:2px;padding:4px 16px;font-size:.7rem;transition:color .15s;display:flex}.bottom-nav a.active{color:var(--orange)}.bottom-nav svg{width:22px;height:22px}