:root{--color-primary: #0B2447;--color-secondary: #19376D;--color-accent: #E8630A;--color-surface: #FFFFFF;--color-bg: #F7F9FC;--color-text-primary: #0B2447;--color-text-secondary: #576574;--color-success: #2ECC71;--color-warning: #F39C12;--color-error: #E74C3C}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{margin:0;padding:0;background-color:#f7f9fc;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:clamp(14px,4.5vw,16px)}#root{max-width:430px;margin:0 auto;min-height:100dvh;height:100dvh;height:100svh;background:#f7f9fc;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.fluid-padding{padding-left:clamp(12px,4vw,20px);padding-right:clamp(12px,4vw,20px)}.safe-top{padding-top:max(12px,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}.touch-target{min-height:44px;min-width:44px}.text-hero{font-size:clamp(1.25rem,5vw,1.5rem);font-weight:800;line-height:1.2}.text-section-title{font-size:clamp(.9375rem,3.5vw,1rem);font-weight:800;line-height:1.3}.text-body{font-size:clamp(.8125rem,3vw,.875rem);line-height:1.7}.text-caption{font-size:clamp(.6875rem,2.5vw,.75rem);line-height:1.5}.card{background:#fff;border-radius:clamp(12px,3.5vw,16px);padding:clamp(14px,4vw,20px)}.grid-metrics{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,2.5vw,12px)}input,textarea,select{font-size:clamp(.875rem,3.5vw,1rem);padding:clamp(10px,3vw,14px) clamp(12px,3.5vw,14px);border-radius:clamp(10px,3vw,12px)}.btn-primary{padding:clamp(12px,3.5vw,15px) clamp(20px,5vw,32px);border-radius:clamp(12px,3.5vw,16px);font-size:clamp(.875rem,3.5vw,1rem);font-weight:700;min-height:44px}.btn-pill{padding:clamp(10px,3vw,14px) clamp(16px,4vw,24px);border-radius:clamp(20px,6vw,28px);font-size:clamp(.75rem,3vw,.9375rem);font-weight:700;min-height:44px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-shimmer{background:linear-gradient(90deg,#e0e8f0 25%,#f0f4f8,#e0e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-spin{animation:spin 1s linear infinite}.hero-block{padding:clamp(16px,5vw,24px);background:linear-gradient(135deg,#0b2447,#19376d 60%,#1a4a8a)}.cta-block{padding:clamp(18px,5vw,28px);background:linear-gradient(135deg,#0b2447,#19376d);border-radius:clamp(12px,3.5vw,16px);text-align:center}