:root{--color-navy:#0a1628;--color-navy-light:#1a2d4d;--color-navy-dark:#050d1a;--color-rose:#e91e8c;--color-rose-light:#ff5cb8;--color-rose-dark:#b0005f;--color-rose-glow:#e91e8c26;--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-muted:#f1f3f5;--color-surface-elevated:#fff;--color-text:#1a1a2e;--color-text-secondary:#374151;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--color-border:#00000012;--color-border-strong:#0000001f;--color-success:#10b981;--color-success-bg:#10b98114;--color-warning:#f59e0b;--color-warning-bg:#f59e0b14;--color-error:#ef4444;--color-error-bg:#ef444414;--color-info:#6366f1;--color-info-bg:#6366f114;--gradient-hero:linear-gradient(145deg, #040a14 0%, #0a1628 25%, #0f2042 50%, #1a2d5a 70%, #e91e8c 120%);--gradient-rose:linear-gradient(135deg, #e91e8c 0%, #ff5cb8 100%);--gradient-navy:linear-gradient(135deg, #0a1628 0%, #1a2d4d 100%);--gradient-glass:linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #f8f9fa 100%);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 40px -8px #0000001f;--shadow-rose:0 8px 25px #e91e8c40;--shadow-navy:0 8px 25px #0a162833;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:all .15s ease;--transition-base:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-text);background:var(--color-bg);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-navy);font-family:DM Sans,sans-serif!important}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}::selection{color:var(--color-navy);background:#e91e8c1f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0a16281f;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#0a162838}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #e91e8c40}50%{box-shadow:0 0 0 8px #e91e8c00}}@keyframes float-gentle{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(20px,-30px)rotate(3deg)}66%{transform:translate(-12px,12px)rotate(-3deg)}}@keyframes blob-pulse{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.2;transform:scale(1.04)}}@keyframes grid-breathe{0%,to{opacity:.025}50%{opacity:.05}}@keyframes bounce-subtle{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.35s ease-out forwards fadeIn}.animate-slide-up{animation:.4s ease-out forwards slideUp}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/400px 100%;animation:1.4s ease-in-out infinite skeleton-pulse}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f}.gradient-text{background:var(--gradient-rose);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-hover{transition:var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
