:root{--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--r-full: 999px;--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--accent: #f59e0b;--accent-hover: #fbbf24;--accent-glow: rgba(245, 158, 11, .35);--accent-soft: rgba(245, 158, 11, .08);--gradient-start: #fbbf24;--gradient-end: #ca8a04;--bg-primary: #0c0a09;--bg-secondary: #1c1917;--bg-tertiary: #292524;--text-primary: #fafaf9;--text-secondary: #a8a29e;--text-muted: #78716c;--border: #292524;--border-light: #44403c;--glass-bg: rgba(28, 25, 23, .4);--glass-bg-strong: rgba(28, 25, 23, .7);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(24px) saturate(180%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 56px -12px rgba(0, 0, 0, .6)}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}.font-display{font-family:var(--font-display)}.bg-mesh{position:fixed;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:-2;pointer-events:none;background:radial-gradient(45% 45% at 20% 25%,var(--accent-glow),transparent 60%),radial-gradient(40% 45% at 80% 20%,rgba(245,158,11,.12),transparent 60%),radial-gradient(50% 50% at 75% 75%,var(--accent-soft),transparent 60%),radial-gradient(35% 35% at 25% 80%,rgba(202,138,4,.1),transparent 60%),var(--bg-primary);opacity:.08;filter:blur(40px);animation:drift-mesh 25s ease-in-out infinite alternate}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift-mesh{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-2%,2%)}to{transform:scale(1) translate(2%,-2%)}}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.btn-primary{color:var(--bg-primary);background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);box-shadow:0 10px 24px -6px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -4px var(--accent-glow)}:root{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--space: 5%;--angle: 133deg;--imgsize: cover;--pointer-x: 50%;--pointer-y: 50%;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: var(--pointer-x);--background-y: var(--pointer-y);--pointer-from-center: 0;--pointer-from-top: var(--pointer-from-center);--pointer-from-left: var(--pointer-from-center)}.card{-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px);pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform,visibility,z-index;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card,.card *{outline:1px solid transparent}.card:not(.interactive) .card__translater,.card:not(.interactive) .card__rotator,.card:not(.interactive) .card__shine,.card:not(.interactive) .card__glare{transition:all .3s ease}.card:not(.interactive):hover{--pointer-x: 25% !important;--pointer-y: 10% !important;--card-scale: 1.1 !important;--card-opacity: 1 !important;--translate-x: 0px !important;--translate-y: -10px !important;--rotate-x: 7deg !important;--rotate-y: -19deg !important;--background-x: 44% !important;--background-y: 36% !important;--pointer-from-center: .9 !important;--pointer-from-top: .11 !important;--pointer-from-left: .25 !important}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card.interacting{z-index:calc(var(--card-scale) * 120)}.card.active .card__translater,.card.active .card__rotator{touch-action:none}.card__translater,.card__rotator{display:grid;perspective:600px;will-change:transform,box-shadow;transform-origin:center;-webkit-transform-origin:center;transform-style:preserve-3d}.card__translater{width:auto;position:relative;--translate-z: calc(var(--card-scale) * 150px + .01px);-webkit-transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(var(--card-scale));transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(var(--card-scale))}.card__rotator{-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));pointer-events:auto}button.card__rotator{border:none;background:transparent;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card__rotator,.card.active .card__rotator:focus{transition:box-shadow .4s ease,opacity .33s ease-out;box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px 0 transparent}.card.active .card__rotator,.card__rotator:focus{box-shadow:0 0 3px -1px #fff,0 0 3px 1px var(--card-edge),0 0 12px 2px var(--card-glow),0 10px 20px -5px #000,0 0 40px -30px var(--card-glow),0 0 50px -20px var(--card-glow)}.card__rotator *{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px)}.card__back{background-color:var(--card-back);-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px);backface-visibility:visible}.card__front,.card__front *{backface-visibility:hidden}.card__front{opacity:1;transition:opacity .33s ease-out;-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{-webkit-transform:rotateY(0deg);transform:rotateY(0)}.card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;filter:brightness(.85) contrast(2.75) saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity);will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.card__shine:before,.card__shine:after{--sunpillar-clr-1: var(--sunpillar-5);--sunpillar-clr-2: var(--sunpillar-6);--sunpillar-clr-3: var(--sunpillar-1);--sunpillar-clr-4: var(--sunpillar-2);--sunpillar-clr-5: var(--sunpillar-3);--sunpillar-clr-6: var(--sunpillar-4);grid-area:1/1;transform:translateZ(1px);border-radius:var(--card-radius)}.card__shine:after{--sunpillar-clr-1: var(--sunpillar-6);--sunpillar-clr-2: var(--sunpillar-1);--sunpillar-clr-3: var(--sunpillar-2);--sunpillar-clr-4: var(--sunpillar-3);--sunpillar-clr-5: var(--sunpillar-4);--sunpillar-clr-6: var(--sunpillar-5);transform:translateZ(1.2px)}.card__glare{transform:translateZ(1.41px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,0%,.5) 90%);opacity:var(--card-opacity);mix-blend-mode:overlay;will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.card.masked .card__shine,.card.masked .card__shine:before,.card.masked .card__shine:after{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center center;mask-position:center center}.card--full-art .card__shine,.card--full-art .card__shine:after{--space: 5%;--angle: 133deg;--imgsize: cover;background-image:var(--foil),repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:center center,0% var(--background-y),calc(var(--background-x) + (var(--background-y)*.2)) var(--background-y),var(--background-x) var(--background-y);background-blend-mode:soft-light,hue,hard-light;background-size:var(--imgsize),200% 700%,300% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center)*.4) + .4)) contrast(1.4) saturate(2.25)}.card--full-art .card__shine:after{content:"";background-position:center center,0% var(--background-y),calc((var(--background-x) + (var(--background-y)*.2)) * -1) calc(var(--background-y) * -1),var(--background-x) var(--background-y);background-size:var(--imgsize),200% 400%,195% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center)*.4) + .8)) contrast(1.5) saturate(1.25);mix-blend-mode:exclusion}.card--full-art .card__shine:before{content:"";-webkit-mask-image:none;mask-image:none;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 0%,hsla(0,0%,0%,0) 40%);background-position:center;background-size:cover;mix-blend-mode:overlay;opacity:.75;z-index:1}.card--full-art .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,75%) 5%,hsl(200,5%,35%) 60%,hsl(320,40%,10%) 150%);background-size:120% 150%;background-position:center center;mix-blend-mode:hard-light;filter:brightness(1) contrast(1.2) saturate(1);opacity:calc(var(--card-opacity) * .75)}.card--full-art:not(.masked) .card__shine,.card--full-art:not(.masked) .card__shine:after{--mask: none;--foil: url(/assets/illusion-CKHJKhiM.png);--imgsize: 33%;-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--imgsize);mask-size:var(--imgsize);background-blend-mode:exclusion,hue,hard-light;filter:brightness(calc((var(--pointer-from-center)*.3) + .35)) contrast(2) saturate(1.5)}.card--full-art:not(.masked) .card__shine:before{content:none;display:none}.card--full-art:not(.masked) .card__shine:after{filter:brightness(calc((var(--pointer-from-center)*.5) + .8)) contrast(1.6) saturate(1.4)}