.sf-root{--sf-accent:#a974ec;--sf-accent-soft:#9d63e429;--sf-ring:#9d63e480;--sf-radius:18px;--sf-font:var(--font-geist-sans,ui-sans-serif), system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--sf-base:#07080d;--sf-text:#eceef6;--sf-surface:#ffffff09;--sf-surface-2:#ffffff03;--sf-border:#ffffff14;--sf-frame:#0c0e16;--sf-hatch:#ffffff05;min-height:100vh;color:var(--sf-text);font-family:var(--sf-font);background:radial-gradient(1100px 460px at 50% -8%, var(--sf-accent-soft), transparent 62%), var(--sf-base);position:relative}.sf-t100{color:var(--sf-text)}.sf-t90{color:color-mix(in srgb, var(--sf-text) 90%, transparent)}.sf-t70{color:color-mix(in srgb, var(--sf-text) 78%, transparent)}.sf-t65{color:color-mix(in srgb, var(--sf-text) 72%, transparent)}.sf-t60{color:color-mix(in srgb, var(--sf-text) 68%, transparent)}.sf-t55{color:color-mix(in srgb, var(--sf-text) 64%, transparent)}.sf-t50{color:color-mix(in srgb, var(--sf-text) 60%, transparent)}.sf-t45{color:color-mix(in srgb, var(--sf-text) 58%, transparent)}.sf-t40{color:color-mix(in srgb, var(--sf-text) 56%, transparent)}.sf-t20{color:color-mix(in srgb, var(--sf-text) 36%, transparent)}.sf-surface-fill{background:color-mix(in srgb, var(--sf-text) 5%, transparent)}.sf-grain:before{content:"";z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sf-content{z-index:1;position:relative}.sf-hero{position:relative;overflow:hidden}.sf-hero:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.sf-hero--aurora:before{background:radial-gradient(620px 300px at 12% -20%, var(--sf-accent-soft), transparent 60%), radial-gradient(520px 280px at 96% 10%, var(--sf-accent-soft), transparent 65%)}.sf-hero--spotlight:before{background:radial-gradient(680px 360px at 50% -30%, var(--sf-accent-soft), transparent 60%)}.sf-hero--wave:before{background:linear-gradient(180deg, transparent 55%, var(--sf-accent-soft) 100%)}.sf-hero--grid:before{background-image:radial-gradient(var(--sf-accent-soft) 1px, transparent 1.4px);opacity:.6;background-size:26px 26px;-webkit-mask-image:radial-gradient(600px 320px at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(600px 320px at 50% 0,#000 0%,#0000 70%)}.sf-rule{background:linear-gradient(90deg, transparent, var(--sf-ring), transparent);opacity:.6;height:1px}.sf-accent{color:var(--sf-accent)}.sf-chip{border:1px solid color-mix(in srgb, var(--sf-accent) 35%, transparent);background:var(--sf-accent-soft);color:var(--sf-accent)}.sf-cta{background:var(--sf-accent);color:#0a0b10;box-shadow:0 10px 30px -10px var(--sf-ring);transition:transform .16s,box-shadow .16s,filter .16s}.sf-cta:hover{filter:brightness(1.05);box-shadow:0 14px 38px -10px var(--sf-ring);transform:translateY(-1px)}.sf-card{border-radius:var(--sf-radius);border:1px solid var(--sf-border);background:linear-gradient(180deg, var(--sf-surface), var(--sf-surface-2));transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.sf-card:hover{border-color:color-mix(in srgb, var(--sf-accent) 45%, transparent);box-shadow:0 20px 44px -18px var(--sf-ring), 0 0 0 1px var(--sf-accent-soft);transform:translateY(-6px)}.sf-card-frame{aspect-ratio:5/7;background:radial-gradient(120% 90% at 50% 0%, var(--sf-accent-soft), transparent 70%), var(--sf-frame);position:relative}.sf-card-frame img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.sf-card-blank{text-align:center;background:repeating-linear-gradient(45deg, var(--sf-hatch) 0, var(--sf-hatch) 8px, transparent 8px, transparent 16px);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.sf-card-monogram{border:1px solid color-mix(in srgb, var(--sf-accent) 40%, transparent);background:var(--sf-accent-soft);width:54px;height:54px;color:var(--sf-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}@keyframes sf-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sf-rise{animation:.8s cubic-bezier(.22,1,.36,1) both sf-rise}.sf-rise-2{animation-delay:.1s}.sf-rise-3{animation-delay:.2s}.sf-rise-4{animation-delay:.3s}@keyframes sf-aurora-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2%,1.5%)scale(1.07)}}.sf-hero:before{animation:16s ease-in-out infinite sf-aurora-drift}.sf-holo{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s}.sf-holo:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);border-color:color-mix(in srgb, var(--sf-accent) 55%, transparent);box-shadow:0 30px 60px -24px var(--sf-ring), 0 0 0 1px var(--sf-accent-soft);z-index:3;transition:transform 80ms ease-out,border-color .25s,box-shadow .25s}.sf-foil,.sf-glare{pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .25s;position:absolute;inset:0}.sf-foil{mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 18%,#a878ffb3 34%,#78d2ff99 44%,#78ffbe8c 52%,#ff96cda6 62%,#a878ffb3 72%,#0000 86%) 0 0/220% 220%;background-position:calc(var(--mx,50%) * 1.4) calc(var(--my,50%) * 1.4)}.sf-glare{mix-blend-mode:screen;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff80, transparent 42%)}.sf-holo:hover .sf-foil{opacity:.85}.sf-holo:hover .sf-glare{opacity:.55}@keyframes sf-reveal{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.sf-reveal-armed{opacity:0}.sf-reveal-armed.is-in{animation:.65s cubic-bezier(.22,1,.36,1) both sf-reveal;animation-delay:var(--sf-d,0s)}.sf-herocard{width:clamp(190px,26vw,252px);filter:drop-shadow(0 30px 50px #00000080) drop-shadow(0 0 42px var(--sf-accent-soft));border-radius:16px;animation:7s ease-in-out infinite sf-herocard-float;position:relative;transform:perspective(1100px)rotateX(6deg)rotateY(-10deg)}@keyframes sf-herocard-float{0%,to{transform:perspective(1100px)rotateX(6deg)rotateY(-10deg)translateY(0)}50%{transform:perspective(1100px)rotateX(6deg)rotateY(-10deg)translateY(-10px)}}.sf-herocard img{border-radius:inherit;width:100%;height:auto;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.sf-foil-auto{border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;opacity:.75;background:linear-gradient(115deg,#0000 20%,#a878ffb3 36%,#78d2ff99 46%,#78ffbe8c 54%,#ff96cda6 64%,#0000 82%) 0 0/250% 250%;animation:6s ease-in-out infinite sf-foil-sweep;position:absolute;inset:0}@keyframes sf-foil-sweep{0%,to{background-position:18% 30%}50%{background-position:82% 72%}}@media (prefers-reduced-motion:reduce){.sf-card,.sf-cta{transition:none}.sf-card:hover,.sf-cta:hover{transform:none}.sf-hero:before,.sf-herocard,.sf-foil-auto,.sf-rise{animation:none}.sf-reveal-armed{opacity:1}.sf-reveal-armed.is-in{animation:none}.sf-herocard{transform:perspective(1100px)rotateX(6deg)rotateY(-10deg)}}