:root{--primary: #085556;--primary-hover: #064244;--primary-light: #E8F5F5;--primary-dark: #053638;--success: #057642;--success-light: #E6F2ED;--danger: #D11124;--danger-light: #FCEBEC;--warning: #F5A623;--warning-light: #FFF4E6;--text: #191919;--text-secondary: #666666;--text-tertiary: #999999;--bg: #F8F9FA;--card: #FFFFFF;--border: #E0DFDC;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--shadow-xl: 0 16px 48px rgba(0,0,0,.2);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-slide-left{animation:slideInLeft .8s ease-out}.animate-slide-right{animation:slideInRight .8s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;letter-spacing:.3px}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #0855564d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-dark) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #08555666}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#057642,#045a35);color:#fff;box-shadow:0 4px 15px #0576424d}.card{background:var(--card);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}@media (max-width: 1024px){.container{padding:0 20px}}@media (max-width: 768px){body{font-size:15px}.container{padding:0 16px}.grid-2{gap:32px}.btn{padding:12px 24px;font-size:15px}.card{padding:24px}}@media (max-width: 480px){body{font-size:14px}.container{padding:0 12px}.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:10px 20px;font-size:14px;width:100%;justify-content:center}}