.section-surface{isolation:isolate;contain:layout style;position:relative}.section-surface[data-variant=grid]:before{content:"";background:linear-gradient(to right,hsl(var(--primary)/.06)1px,transparent 1px)0 0/48px 48px,linear-gradient(to bottom,hsl(var(--primary)/.06)1px,transparent 1px)0 0/48px 48px;opacity:.35;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#fff,#0000 75%);mask:radial-gradient(circle,#fff,#0000 75%)}.section-surface[data-variant=aurora]:after{content:"";background:radial-gradient(circle at 20% 30%,hsl(var(--primary)/.25),transparent 60%),radial-gradient(circle at 80% 70%,hsl(var(--primary)/.18),transparent 65%),linear-gradient(120deg,hsl(var(--primary)/.12),transparent 70%);filter:blur(60px)saturate(140%);opacity:.55;animation:32s linear infinite aurora-shift;position:absolute;inset:-10%}.surface-border{position:relative}.surface-border:before{content:"";border-radius:inherit;background:linear-gradient(140deg,hsl(var(--primary)/.5),hsl(var(--primary)/.1)40%,transparent 80%);-webkit-mask-composite:xor;pointer-events:none;opacity:.75;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.hover-lift{transition:transform .7s cubic-bezier(.19,1,.22,1),box-shadow .5s}.hover-lift:hover{box-shadow:0 10px 34px -8px #00000073,0 0 0 1px hsl(var(--primary)/.15);transform:translateY(-4px)}.shine-underline{position:relative}.shine-underline:after{content:"";background:linear-gradient(90deg,hsl(var(--primary))0%,transparent 70%);width:100%;height:2px;animation:shimmer var(--shimmer-duration)linear infinite;opacity:.55;background-size:200% 100%;position:absolute;bottom:-6px;left:0}.btn-premium{position:relative;overflow:hidden}.btn-premium:before{content:"";background:linear-gradient(120deg,hsl(var(--primary)/.25),transparent 60%);opacity:0;transition:opacity .6s;position:absolute;inset:0}.btn-premium:after{content:"";background:linear-gradient(90deg,transparent,hsl(var(--primary)/.7),transparent);opacity:0;width:40%;height:100%;position:absolute;top:0;left:-40%;transform:skew(-15deg)}.btn-premium:hover:before{opacity:.25}.btn-premium:hover:after{opacity:1;animation:1.4s btn-shine}:root{--animation-duration-fast:.2s;--animation-duration-normal:.3s;--animation-duration-slow:.4s;--animation-duration-very-slow:.6s;--shimmer-duration:6s;--shimmer-duration-long:8s;--pulse-duration-fast:1.4s;--pulse-duration-normal:2s;--pulse-duration-slow:4s}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes aurora-shift{0%{transform:translate(0,0)}to{transform:translate(6%,-6%)}}@keyframes btn-shine{0%{left:-40%}60%{left:140%}to{left:140%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.section-bottom-surface{background:0 0;position:relative}.section-bottom-surface:before{content:none}@media (prefers-reduced-motion:reduce){.section-surface[data-variant=aurora]:after{opacity:.3;animation:none}.shine-underline:after{animation:none}.btn-premium:hover:after{opacity:0;animation:none}.hover-lift{transition:none}}:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--primary)/.15)}.skip-link{background:hsl(var(--primary));color:#fff;z-index:9999;padding:8px 16px;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.text-muted{color:hsl(var(--foreground)/.7)}@media (prefers-contrast:high){.section-surface[data-variant=grid]:before{opacity:.5}.surface-border:before{opacity:1;background:linear-gradient(140deg,hsl(var(--primary)),hsl(var(--primary)/.7)40%,transparent 80%)}}@media (max-width:768px){button,a,[role=button]{min-width:44px;min-height:44px}.progress-dot{min-width:6px!important;min-height:6px!important}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.hover-lift{backface-visibility:hidden}.skeleton{background:linear-gradient(90deg,hsl(var(--muted))0%,hsl(var(--muted)/.5)50%,hsl(var(--muted))100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.section-surface[data-variant=aurora]:after,.section-surface[data-variant=grid]:before,.hover-lift,.btn-premium:after,.btn-premium:before{display:none}a{text-decoration:underline}button{border:1px solid}}