:root{--z-grid-background:0;--z-grid-overlay:1;--z-section-container:2;--z-section-decoration:5;--z-hero-decoration:10;--z-content-block:20;--z-card:30;--z-button:30;--z-dropdown:40;--z-tooltip:40;--z-header:50;--z-sticky-bar:50;--z-sidebar:45;--z-backdrop:100;--z-modal:9999;--z-toast:10001;--z-error-boundary:10002}
.gradient-brand-primary{background:linear-gradient(135deg,#003f7f 0%,#0059b3 50%,#0073e6 100%)}.gradient-brand-accent{background:linear-gradient(135deg,#003f7f 0%,#dc143c 100%)}.gradient-brand-subtle{background:linear-gradient(135deg,#003f7f1a 0%,#dc143c1a 100%)}.gradient-text-brand{background:linear-gradient(135deg,#003f7f 0%,#0073e6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:var(--color-surface-card);border-radius:1rem;position:relative}.gradient-border:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#003f7f,#0073e6);border-radius:1rem;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border:hover:before{opacity:1}.shadow-premium{box-shadow:0 2px 8px -2px #003f7f1a,0 8px 24px -4px #003f7f26}.shadow-premium-hover{box-shadow:0 8px 16px -4px #003f7f26,0 20px 40px -8px #003f7f40,0 0 0 1px #003f7f0d}.shadow-glow-blue{box-shadow:0 0 20px #003f7f4d,0 0 40px #0073e633}.shadow-glow-red{box-shadow:0 0 20px #dc143c4d,0 0 40px #dc143c33}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.icon-gradient-blue{background:linear-gradient(135deg,#003f7f 0%,#0073e6 100%);border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;display:inline-flex}.icon-gradient-red{background:linear-gradient(135deg,#dc143c 0%,#ff4961 100%);border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;display:inline-flex}.icon-gradient-green{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;display:inline-flex}.icon-gradient-purple{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;display:inline-flex}.badge-premium{color:var(--color-brand-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#003f7f1a 0%,#0073e61a 100%);border:1px solid #003f7f33;border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-gradient-border{background:var(--color-surface-card);border-radius:1rem;position:relative}.animated-gradient-border:before{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#003f7f,#0073e6,#dc143c,#003f7f) 0 0/300% 300%;border-radius:1rem;transition:opacity .5s;animation:3s infinite gradient-rotate;position:absolute;inset:-2px}.animated-gradient-border:hover:before{opacity:1}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #003f7f66}50%{box-shadow:0 0 40px #0073e699}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.transition-premium{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card{background:var(--color-surface-card);border:1px solid var(--color-border-light);border-radius:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{border-color:#003f7f4d;transform:translateY(-2px);box-shadow:0 8px 16px -4px #003f7f26,0 20px 40px -8px #003f7f40}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";background:linear-gradient(#fff0 0%,#ffffff1a 50%,#fff0 100%);transition:transform .6s;position:absolute;inset:-50%;transform:rotate(45deg)translate(-100%)}.shine-effect:hover:after{transform:rotate(45deg)translate(100%)}@keyframes text-shimmer{0%{background-position:-500%}to{background-position:500%}}.text-shimmer{background:linear-gradient(90deg,#003f7f 0%,#0073e6 25%,#00a3ff 50%,#0073e6 75%,#003f7f 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite text-shimmer}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}.scale-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.scale-hover:hover{transform:scale(1.05)}