@import "https://fonts.googleapis.com/css2?family=Bangers&display=swap";
.workshop{color:#fff;padding:3rem 1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.workshop__header{text-align:center;margin-bottom:3rem}.workshop__header h1{letter-spacing:.08em;background:linear-gradient(135deg,#4ade80,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bangers,cursive;font-size:3rem}.workshop__header p{color:#64748b;margin-top:.5rem}.fan{touch-action:pan-y;width:380px;height:590px;margin:0 auto;position:relative}.fan__slot{cursor:pointer;border-radius:1.25rem;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .3s;position:absolute;inset:0}.fan__slot--active{filter:brightness()}.fan__slot:not(.fan__slot--active){filter:brightness(.8)}@media (hover:hover){.fan__slot--active:hover{transform:translateY(-6px)scale(1.02);z-index:11!important}}.fan__hint{text-align:center;color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-top:1.2rem;font-size:.78rem;font-weight:600}.fan__hint--mobile{display:none}@media (hover:none),(max-width:768px){.fan__hint--desktop{display:none}.fan__hint--mobile{display:block}}.fan__nav{justify-content:center;align-items:center;gap:1.2rem;margin-top:1.5rem;display:flex}.fan__arrow{border:2px solid var(--arrow-neon,#4ade80);width:48px;height:48px;color:var(--arrow-neon,#4ade80);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;transition:all .35s;display:flex}.fan__arrow:hover{background:var(--arrow-neon,#4ade80);color:#0a0a0f;box-shadow:0 0 14px var(--arrow-neon,#4ade80);transform:scale(1.1)}.fan__arrow:active{transform:scale(.95)}.fan__dots{align-items:center;gap:10px;display:flex}.fan__dot{border:2px solid var(--dot-color);opacity:.35;background:0 0;border-radius:50%;width:12px;height:12px;transition:all .35s}.fan__dot--on{background:var(--dot-color);opacity:1;box-shadow:0 0 8px var(--dot-color);transform:scale(1.25)}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card-v2-outer{width:100%;height:100%;position:relative}.card-v2-outer:before{content:"";background:conic-gradient(from var(--glow-angle), transparent 0%, transparent 30%, var(--neon) 35%, var(--neon-bright) 40%, var(--neon) 45%, transparent 50%, transparent 100%);-webkit-mask-composite:xor;opacity:0;filter:blur(8px);z-index:0;border-radius:calc(1.25rem + 12px);padding:16px;transition:opacity .4s;position:absolute;inset:-24px -12px -12px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-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}.card-v2-outer.glow-on:before{opacity:1;animation:2s linear infinite chase}@keyframes chase{0%{--glow-angle:0deg}to{--glow-angle:360deg}}.card-v2{border:3px solid var(--neon);z-index:1;background:#0c0c16f2;border-top:none;border-radius:0 0 1.25rem 1.25rem;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:visible}.card-v2__bg-layer{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card-v2__smoke{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-v2__glass-tint{background:radial-gradient(ellipse 120% 80% at 50% 100%, color-mix(in srgb, var(--neon) 15%, transparent) 0%, transparent 70%), radial-gradient(ellipse 100% 60% at 30% 20%, color-mix(in srgb, var(--neon) 8%, transparent) 0%, transparent 60%);pointer-events:none;z-index:1;position:absolute;inset:0}.card-v2__title{z-index:3;text-align:center;flex-shrink:0;margin-top:-1.4rem;padding:0 .5rem .2rem;position:relative}.card-v2__title-line1,.card-v2__title-line2{letter-spacing:.06em;-webkit-text-stroke:1.5px var(--neon);color:#0000;background:radial-gradient(circle,#000 1.5px,#0000 1.5px) 0 0/5px 5px,radial-gradient(circle,#111 1px,#0000 1px) 2.5px 2.5px/5px 5px;-webkit-text-fill-color:transparent;paint-order:stroke fill;filter:drop-shadow(0 0 6px var(--neon)) drop-shadow(0 0 14px var(--price-shadow));-webkit-background-clip:text;background-clip:text;font-family:Bangers,cursive;display:block}.card-v2__title-line1{font-size:3.8rem;line-height:.95}.card-v2__title-line2{-webkit-text-stroke-width:1px;margin-top:.1rem;font-size:2.4rem;line-height:1}.card-v2__subtitle{z-index:2;text-align:center;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;padding:.4rem 1.5rem .3rem;font-size:.7rem;font-style:italic;font-weight:800;position:relative}.card-v2__features{z-index:2;flex-direction:column;flex:1;margin:0;padding:0 1.25rem;list-style:none;display:flex;position:relative;overflow:visible}.card-v2__feature-item{text-transform:uppercase;letter-spacing:.03em;color:#e2e8f0;align-items:center;gap:.5rem;padding:.28rem 0;font-size:.78rem;font-weight:700;display:flex}.card-v2__feature-name{flex:1}.card-v2__check{border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;display:inline-flex}.card-v2__check svg{width:13px;height:13px}.card-v2__info-btn{cursor:pointer;color:#ffffff4d;background:0 0;border:none;margin-left:auto;padding:0 3px;font-size:.95rem;transition:color .2s}.card-v2__info-btn:hover,.card-v2__info-btn.active{color:var(--neon)}.card-v2__tooltip{border:1.5px solid var(--neon,#4ade80);text-transform:none;letter-spacing:0;color:#d1d5db;box-shadow:0 8px 30px #000000a6, 0 0 20px color-mix(in srgb, var(--neon,#4ade80) 30%, transparent);z-index:100001;background:#1a1a2e;border-radius:.6rem;padding:.7rem .85rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:500;line-height:1.55;animation:.15s ease-out tip-in}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card-v2__tooltip--up:after{content:"";border:6px solid #0000;border-top-color:var(--neon);position:absolute;top:100%;left:50%;transform:translate(-50%)}.card-v2__tooltip--down:after{content:"";border:6px solid #0000;border-bottom-color:var(--neon);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.card-v2__price-block{z-index:2;text-align:center;padding:.4rem 1.5rem 1rem;position:relative}.card-v2__price-prefix{letter-spacing:.12em;color:var(--neon);opacity:.9;font-family:Bangers,cursive;font-size:1.3rem;font-style:italic;line-height:1;display:block}.card-v2__price{letter-spacing:.03em;-webkit-text-stroke:1px var(--neon);color:#0000;background:radial-gradient(circle,#000 1.5px,#0000 1.5px) 0 0/5px 5px,radial-gradient(circle,#111 1px,#0000 1px) 2.5px 2.5px/5px 5px;-webkit-text-fill-color:transparent;paint-order:stroke fill;filter:drop-shadow(0 0 6px var(--price-shadow));-webkit-background-clip:text;background-clip:text;font-family:Bangers,cursive;font-size:4.8rem;line-height:1;display:block}.card-v2__suffix{letter-spacing:.15em;color:var(--neon);opacity:.85;font-family:Bangers,cursive;font-size:1.1rem;line-height:1;display:block}.spotlight{z-index:100000;justify-content:center;align-items:center;animation:.3s ease-out spot-in;display:flex;position:fixed;inset:0}@keyframes spot-in{0%{opacity:0}to{opacity:1}}.spotlight__bg{-webkit-backdrop-filter:blur(6px);background:#000000c7;position:absolute;inset:0}.spotlight__body{z-index:1;flex-direction:column;align-items:center;gap:1rem;width:90vw;max-width:430px;animation:.35s cubic-bezier(.23,1,.32,1) spot-card;display:flex;position:relative}@keyframes spot-card{0%{opacity:0;transform:scale(.88)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.spotlight__body .card-v2-outer{width:100%;height:auto;min-height:580px}.spotlight__body .card-v2{background:#0c0c16eb;height:auto;min-height:580px}.spotlight__x{color:#fff;cursor:pointer;background:#00000080;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;transition:all .2s;display:flex;position:absolute;top:-2.8rem;right:0}.spotlight__x:hover{border-color:#fff;transform:scale(1.1)rotate(90deg)}.spotlight__cta{letter-spacing:.1em;color:#0a0a0f;cursor:pointer;background:linear-gradient(135deg,#4ade80,#22d3ee);border:none;border-radius:.75rem;padding:.85rem 2.8rem;font-family:Bangers,cursive;font-size:1.4rem;transition:all .3s;box-shadow:0 4px 20px #4ade8066}.spotlight__cta:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 30px #4ade8099}.spotlight__cta:active{transform:translateY(0)scale(.98)}@media (max-width:768px){.workshop{padding:2rem 1rem}.fan{width:300px;height:520px}.card-v2__title-line1{font-size:3.2rem}.card-v2__title-line2{font-size:2rem}.card-v2__price{font-size:3.8rem}.card-v2__feature-item{padding:.22rem 0;font-size:.7rem}.card-v2__subtitle{font-size:.62rem}.spotlight__body{width:94vw;max-width:340px}.spotlight__body .card-v2-outer,.spotlight__body .card-v2{min-height:500px}.fan__slot:not(.fan__slot--active){filter:brightness(.75);cursor:pointer}}@media (max-width:400px){.fan{width:260px;height:480px}.card-v2__title-line1{font-size:2.8rem}.card-v2__title-line2{font-size:1.7rem}.card-v2__price{font-size:3.2rem}}