.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color, #3b82f6),var(--secondary-color, #8b5cf6));transform:scaleX(0);transform-origin:left;z-index:10000;transition:transform .1s ease-out}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.03;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.6) 1px,transparent 0);background-size:20px 20px;animation:grain-movement 8s linear infinite}@keyframes grain-movement{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px,1px) rotate(1deg)}50%{transform:translate(1px,-1px) rotate(-1deg)}75%{transform:translate(-1px,-1px) rotate(1deg)}}.section--angled{position:relative;isolation:isolate}.section--angled:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.03) 25%,rgba(139,92,246,.02) 50%,transparent 75%);pointer-events:none;z-index:-1;transform:skewY(-1deg);transform-origin:top left}.section--angled:nth-of-type(2n):before{transform:skewY(1deg);background:linear-gradient(-135deg,transparent 0%,rgba(139,92,246,.03) 25%,rgba(59,130,246,.02) 50%,transparent 75%)}.gradient-border{position:relative;background:#ffffff05;border:1px solid transparent;border-radius:12px;overflow:hidden}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.2),transparent,rgba(59,130,246,.1));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:-1}.gradient-border:hover:before{background:linear-gradient(135deg,#3b82f680,#8b5cf666,#3b82f633,#8b5cf64d)}.accent-underline{position:relative;display:inline-block}.accent-underline:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color, #3b82f6),var(--secondary-color, #8b5cf6));border-radius:2px;opacity:.8}.accent-underline.centered:after{left:50%;transform:translate(-50%)}.btn--magnetic{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.btn--magnetic:hover{box-shadow:0 8px 25px #3b82f633}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-gradient{opacity:0;transform:translateY(20px) scale(.95);transition:opacity .8s ease,transform .8s ease}.reveal-gradient.is-visible{opacity:1;transform:translateY(0) scale(1)}@media (max-width: 768px){.scroll-progress{height:2px}.grain-overlay{opacity:.02;background-size:15px 15px}.section--angled:before{transform:skewY(-.5deg)}.section--angled:nth-of-type(2n):before{transform:skewY(.5deg)}.accent-underline:after{width:40px;bottom:-6px}}@media (prefers-reduced-motion: reduce){.grain-overlay{animation:none}.reveal,.reveal-gradient{transition:none;opacity:1;transform:none}.btn--magnetic,.scroll-progress{transition:none}}@media (prefers-color-scheme: dark){.gradient-border{background:#00000005}.grain-overlay{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0)}}