:root{--brand-start:#667eea;--brand-mid:#764ba2;--brand-end:#f093fb;--brand-gradient:linear-gradient(135deg,var(--brand-start) 0%,var(--brand-mid) 50%,var(--brand-end) 100%);--brand-gradient-btn:linear-gradient(135deg,var(--brand-start),var(--brand-mid));--surface:#fff;--surface-glass:hsla(0,0%,100%,.95);--surface-glass-light:hsla(0,0%,100%,.85);--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--bg-input:#f9fafb;--shadow-card:0 25px 60px rgba(0,0,0,.12);--shadow-btn:0 8px 24px rgba(102,126,234,.25);--radius-card:28px;--radius-btn:12px;--radius-input:12px;--section-pad-x:32px;--section-pad-y:28px;--section-title-size:20px;--section-sub-size:13px;--card-radius:28px;--form-grid:1fr 1fr;--form-pad-y:28px;--form-pad-x:24px;--modal-pad-y:28px;--modal-pad-x:24px;--toast-right:24px;--float-panel-w:240px;--nav-touch-size:36px}@media (max-width:767px){:root{--section-pad-x:18px;--section-pad-y:18px;--section-title-size:17px;--section-sub-size:12px;--card-radius:20px;--form-grid:1fr;--form-pad-y:22px;--form-pad-x:18px;--modal-pad-y:20px;--modal-pad-x:16px;--toast-right:12px;--float-panel-w:200px;--nav-touch-size:44px}}@media (max-width:480px){:root{--section-pad-x:14px;--section-pad-y:14px;--section-title-size:16px;--card-radius:16px;--form-pad-y:18px;--form-pad-x:14px;--modal-pad-y:16px;--modal-pad-x:12px;--float-panel-w:180px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.bg-brand{background:var(--brand-gradient)}.btn-brand{background:var(--brand-gradient-btn);color:#fff;border:none;border-radius:var(--radius-btn);padding:12px;font-size:15px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn);transition:opacity .2s}.btn-brand:disabled{opacity:.6;cursor:not-allowed}.btn-brand:hover:not(:disabled){opacity:.9}.card-glass{background:var(--surface-glass);backdrop-filter:blur(20px);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;border:1px solid hsla(0,0%,100%,.5)}.section-header{border-bottom:1px solid rgba(236,72,153,.2)}.section-content,.section-header{padding:28px 32px}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-input);font-size:15px;outline:none;background:var(--bg-input);box-sizing:border-box}.error-box{color:#ef4444;font-size:13px;background:#fef2f2;padding:12px;border-radius:var(--radius-btn);border:1px solid #fecaca}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.15)!important}.resp-pad{padding:var(--card-radius) var(--section-pad-x)}.resp-pad-sm{padding:24px 16px}.resp-section{padding:0 var(--section-pad-x) 48px}.resp-grid-3{grid-template-columns:repeat(3,1fr)}.resp-grid-4{grid-template-columns:repeat(4,1fr)}.resp-card{max-width:900px;margin:0 auto}@media (max-width:767px){.resp-pad{padding:16px}.resp-pad-sm{padding:16px 12px}.resp-section{padding:0 12px 24px}.resp-grid-3,.resp-grid-4{grid-template-columns:repeat(2,1fr)}.resp-card{border-radius:20px}}@media (max-width:480px){.resp-grid-3{grid-template-columns:1fr}.resp-grid-4{grid-template-columns:repeat(2,1fr)}}.hide-mobile{display:none}.show-mobile{display:block}@media (min-width:768px){.hide-mobile{display:block}.show-mobile{display:none}}@media (max-width:767px){.resp-grid-3{grid-template-columns:repeat(2,1fr)!important}.resp-pad{padding:16px!important}.resp-section{padding:0 12px 24px!important}.resp-text-lg{font-size:24px!important}.resp-text-md{font-size:14px!important}.resp-card{border-radius:20px!important}}@media (max-width:480px){.resp-grid-3{grid-template-columns:1fr!important}}