.scroll-progress{background:linear-gradient(90deg, var(--primary-color,#3b82f6), var(--secondary-color,#8b5cf6));transform-origin:0;z-index:10000;height:3px;transition:transform .1s ease-out;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.grain-overlay{pointer-events:none;z-index:-1;opacity:.03;background-image:radial-gradient(circle at 1px 1px,#fff9 1px,#0000 0);background-size:20px 20px;width:100%;height:100%;animation:8s linear infinite grain-movement;position:fixed;top:0;left:0}@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{isolation:isolate;position:relative}.section--angled:before{content:"";pointer-events:none;z-index:-1;transform-origin:0 0;background:linear-gradient(135deg,#0000 0%,#3b82f608 25%,#8b5cf605 50%,#0000 75%);height:100%;position:absolute;top:0;left:0;right:0;transform:skewY(-1deg)}.section--angled:nth-of-type(2n):before{background:linear-gradient(-135deg,#0000 0%,#8b5cf608 25%,#3b82f605 50%,#0000 75%);transform:skewY(1deg)}.gradient-border{background:#ffffff05;border:1px solid #0000;border-radius:12px;position:relative;overflow:hidden}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#3b82f64d,#8b5cf633,#0000,#3b82f61a);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.gradient-border:hover:before{background:linear-gradient(135deg,#3b82f680,#8b5cf666,#3b82f633,#8b5cf64d)}.accent-underline{display:inline-block;position:relative}.accent-underline:after{content:"";background:linear-gradient(90deg, var(--primary-color,#3b82f6), var(--secondary-color,#8b5cf6));opacity:.8;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.accent-underline.centered:after{left:50%;transform:translate(-50%)}.btn--magnetic{cursor:pointer;transition:transform .2s,box-shadow .2s}.btn--magnetic:hover{box-shadow:0 8px 25px #3b82f633}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-gradient{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)scale(.95)}.reveal-gradient.is-visible{opacity:1;transform:translateY(0)scale(1)}@media (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{opacity:1;transition:none;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,#ffffff1a 1px,#0000 0)}}