:root{--p5-red: #e8000b;--p5-red-dark: #b5000a;--p5-red-light: #ff1a25;--p5-black: #1a1a1a;--p5-black-deep: #0d0d0d;--p5-white: #f0f0f0;--p5-gray: #999;--p5-gray-dark: #444;--p5-gray-light: #ccc;--font-display: "Bebas Neue", sans-serif;--font-body: "Work Sans", sans-serif;--skew: -4deg;--clip-card: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);--clip-nav: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);--clip-btn: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--p5-black-deep);color:var(--p5-white);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--p5-red);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--p5-red) var(--p5-black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--p5-black)}::-webkit-scrollbar-thumb{background:var(--p5-red);border-radius:0}a{text-decoration:none;color:inherit}.page-title{font-family:var(--font-display);font-size:clamp(40px,6vw,56px);color:var(--p5-red);transform:skew(var(--skew));line-height:1;margin-bottom:8px}.page-sub{color:var(--p5-gray);font-size:14px;margin-bottom:40px}.btn-primary{display:inline-block;padding:12px 28px;background:var(--p5-red);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;clip-path:var(--clip-nav);transition:all .2s}.btn-primary:hover{background:var(--p5-red-light);transform:translateY(-2px)}@keyframes p5-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes p5-slash-in{0%{opacity:0;transform:translate(-40px) skew(-12deg)}to{opacity:1;transform:translate(0) skew(0)}}.anim-fade-in-up{animation:p5-fade-in-up .4s cubic-bezier(.77,0,.175,1) both}.anim-slash-in{animation:p5-slash-in .5s cubic-bezier(.77,0,.175,1) both}@keyframes p5-route-leave{to{opacity:0;transform:translate(-60px) skew(4deg)}}@keyframes p5-route-enter{0%{opacity:0;transform:translate(60px) skew(-8deg)}}::view-transition-old(root){animation:.3s cubic-bezier(.77,0,.175,1) both p5-route-leave}::view-transition-new(root){animation:.4s .15s cubic-bezier(.77,0,.175,1) both p5-route-enter}
