body{margin:0}*,:before,:after{box-sizing:border-box}:root{--bg:#0a0a0c;--bg-elevated:#141418;--bg-card:#1a1a20;--border:#2a2a32;--text:#f4f4f6;--text-muted:#9898a4;--accent:#834bff;--accent-hover:#9560ff;--accent-rgb:131, 75, 255;--open:#34d399;--taken:#6b7280;--radius:12px;--font:"Inter", system-ui, -apple-system, sans-serif;--header-height:4.25rem}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}.header{z-index:100;background:#fff;border-bottom:1px solid #e2e2e8;position:sticky;top:0;box-shadow:0 1px #0000000a}.header-inner{align-items:center;gap:1.5rem;max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header .logo{white-space:nowrap;color:#0a0a0c;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:inline-flex}.logo-wordmark{letter-spacing:-.01em}.brand-logo-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px;display:block}.logo-accent{color:var(--accent)}.header .nav{flex:1;justify-content:center;gap:1.25rem;display:flex}.header .nav a{color:#1a1a1f;font-size:.9rem;transition:color .15s}.header .nav a:hover{color:#0a0a0c}.header .nav-cta{font-weight:600;color:var(--accent)!important}.header .lang-toggle{background:#fff;border:1px solid #d4d4dc;border-radius:8px;display:flex;overflow:hidden}.header .lang-toggle button{color:#1a1a1f;cursor:pointer;background:0 0;border:none;padding:.35rem .65rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.header .lang-toggle button.active{background:var(--accent);color:#fff}.event-line{text-align:center;color:var(--text-muted);border-bottom:1px solid var(--border);background:#fff;margin:0;padding:.55rem 1.5rem;font-size:.82rem;font-weight:500}.payment-banner{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;max-width:720px;margin:0 auto;padding:.85rem 1.25rem;font-size:.92rem;line-height:1.5;display:flex}.payment-banner--success{background:rgba(var(--accent-rgb), .08);color:#1a1a1f}.payment-banner--canceled{color:var(--text-muted);background:#fafafa}.payment-banner-dismiss{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.25rem;line-height:1}.payment-banner strong{color:var(--accent)}.hero{text-align:center;max-width:720px;margin:0 auto;padding:3rem 1.5rem 2rem}.hero--offer{padding-top:2rem;padding-bottom:2.25rem}.hero-eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;font-weight:600}.hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-muted);max-width:560px;margin:0 auto 1rem;font-size:1.1rem}.hero-pricing{color:var(--text-muted);margin:0 0 1.75rem;font-size:.88rem;font-weight:600}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:.75rem 1.25rem;font-size:.85rem}.stat strong{color:var(--text)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--text-muted)}.btn-sm{background:var(--accent);color:#fff;padding:.4rem .85rem;font-size:.8rem}.btn-sm.btn-ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-full{width:100%}.section-header{text-align:center;max-width:600px;margin:0 auto 2rem;padding:0 1.5rem}.section-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.section-header p{color:var(--text-muted);margin:0}.hoodie-picker-wrap{max-width:960px;margin:0 auto 1.5rem;padding:0 1.5rem}.picker-label{text-align:center;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.picker-label--step2{margin-bottom:1rem}.hoodie-picker{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.hoodie-picker-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.85rem 1rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex}.wearer-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:3rem;height:3rem}.wearer-avatar--photo{object-position:center center}.wearer-avatar--initials,.wearer-avatar--empty{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.wearer-avatar--empty{background:var(--border)}.hoodie-picker-linkedin{color:var(--text-muted);font-size:.75rem;text-decoration:none}.hoodie-picker-linkedin:hover{color:var(--accent);text-decoration:underline}.hoodie-picker-card:hover{border-color:var(--text-muted)}.hoodie-picker-card.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .2)}.hoodie-picker-name{font-size:.9rem;font-weight:600;line-height:1.3}.hoodie-picker-price{color:var(--accent);font-size:.8rem;font-weight:600}.wearer-cell{max-width:180px;font-size:.85rem;font-weight:500}.visual-section{padding:2rem 1.5rem 3rem}.view-toggle{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.view-toggle button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.view-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}.auction-raised{text-align:center;max-width:720px;margin:0 auto 1.25rem;padding:0 1.5rem}.auction-raised-total{color:var(--text-muted);margin:0 0 .35rem;font-size:1rem}.auction-raised-amount{color:var(--open);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.auction-raised-label{font-weight:600}.auction-countdown{color:var(--text-muted);margin:0;font-size:.9rem}.auction-countdown strong{color:var(--text)}.hoodie-stage{max-width:720px;margin:0 auto;padding:0 1.5rem}.hoodie-frame{background:#e8e8ea;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059}.hoodie-image{vertical-align:middle;width:100%;height:auto;display:block}.hotspot-layer{pointer-events:none;perspective:720px;perspective-origin:50% 42%;position:absolute;inset:0}.hotspot-pin{cursor:pointer;pointer-events:auto;background:0 0;border:none;min-width:0;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.hotspot-pin-surface{transform-style:preserve-3d;backface-visibility:hidden;transform-origin:50%;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;transition:filter .12s,box-shadow .12s;display:flex}.hotspot-pin-surface--empty,.hotspot-pin-surface--taken{aspect-ratio:1;width:13.8%;height:auto}.hotspot-pin-surface--empty{mix-blend-mode:soft-light;background:linear-gradient(155deg,#ffffff12 0%,#00000024 55%,#00000038 100%);border:1px dashed #ffffff57;border-radius:1px;box-shadow:inset 0 1px 2px #ffffff0f,inset 0 -1px 3px #00000059,0 1px 2px #00000040}.hotspot-pin--empty:hover .hotspot-pin-surface--empty,.hotspot-pin--empty:focus-visible .hotspot-pin-surface--empty,.hotspot-pin--empty.hotspot-pin--active .hotspot-pin-surface--empty{filter:brightness(1.18);border-color:#ffffff85;box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -1px 3px #0000004d,0 2px 4px #00000059}.hotspot-pin-surface--taken{mix-blend-mode:normal;background:#ffffffeb;border:1px solid #ffffff38;border-radius:1px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f,0 2px 5px #0000006b}.hotspot-pin--taken{width:auto;max-width:none}.hotspot-pin--taken:hover .hotspot-pin-surface--taken,.hotspot-pin--taken:focus-visible .hotspot-pin-surface--taken{filter:brightness(1.06)}.hotspot-price--claimed{color:#1a1a1a;text-shadow:none;font-size:clamp(.32rem,.75vw,.46rem);font-weight:700;line-height:1}.hotspot-claim-meta{flex-direction:column;flex-shrink:0;align-items:center;gap:.05rem;width:100%;padding:0 6% 5%;display:flex}.hotspot-pin:hover .hotspot-hover-pill,.hotspot-pin:focus-visible .hotspot-hover-pill{opacity:1}.hotspot-number{color:#ffffffeb;text-shadow:0 1px 2px #000000a6;pointer-events:none;font-size:clamp(.55rem,1.35vw,.82rem);font-weight:600;line-height:1}.hotspot-hover-pill{color:#fff;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;z-index:2;background:#0a0a0ce6;border:1px solid #ffffff38;border-radius:999px;padding:.12rem .45rem;font-size:.55rem;font-weight:600;transition:opacity .15s;position:absolute;top:.15rem;left:50%;transform:translate(-50%,-100%)}.hotspot-sticker{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hotspot-sticker--claimed{justify-content:stretch;gap:0}.hotspot-logo{object-fit:contain;flex:auto;width:100%;min-height:0;max-height:none;padding:10% 8% 4%}.hotspot-company{color:#1a1a1a;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.38rem,.9vw,.52rem);font-weight:600;line-height:1.1;overflow:hidden}.hotspot-company--solo{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.5rem,1.2vw,.65rem);display:-webkit-box;overflow:hidden}.spot-table-section{padding:0 0 2rem}.panel-payment-note{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.panel-taken{flex-direction:column;gap:.75rem;display:flex}.panel-taken p{color:var(--text-muted);margin:0}.spot-panel--claim{max-width:480px}.hotspot-bid{color:#fff;text-shadow:none;background:#0000008c;border-radius:3px;padding:.1rem .35rem;font-size:clamp(.48rem,1.1vw,.62rem);font-weight:700}.auction-table-section{padding:0 0 2rem}.bid-cell{flex-direction:column;gap:.15rem;display:flex}.bid-count,.bid-open,.bid-holder{color:var(--text-muted);font-size:.75rem}.history-section{max-width:720px;margin:0 auto 4rem;padding:0 1.5rem}.bid-history{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.bid-history li{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;grid-template-columns:1fr 2fr auto;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:grid}.bid-history-company{font-weight:600}.bid-history-spot{color:var(--text-muted)}.bid-history-amount{color:var(--open);font-weight:700}.table-wrap{max-width:960px;margin:0 auto 4rem;padding:0 1.5rem;overflow-x:auto}.spot-table{border-collapse:collapse;width:100%;font-size:.9rem}.spot-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.spot-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1rem}.spot-table tbody tr:hover{background:var(--bg-elevated)}.spot-link{color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.spot-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge--open{color:var(--open);background:#34d39926}.status-badge--taken{color:var(--taken);background:#6b728026}.panel-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.spot-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;max-height:min(92vh,820px);padding:2rem;position:relative;overflow-y:auto}.spot-panel--bid{max-width:480px}.panel-details--compact{margin-bottom:1.25rem}.panel-form{flex-direction:column;gap:1rem;display:flex}.panel-form label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.panel-form input[type=text],.panel-form input[type=email],.panel-form input[type=url],.panel-form input[type=number],.panel-form input[type=file]{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:.9rem}.panel-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .2);outline:none}.panel-logo-preview{object-fit:contain;background:var(--bg-elevated);border-radius:4px;max-width:4rem;max-height:4rem;margin-top:.35rem}.panel-success{margin-top:.5rem}.panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.panel-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.8rem;font-weight:600}.spot-panel h3{margin:0 0 1.25rem;font-size:1.35rem}.panel-details{margin:0 0 1.5rem}.panel-details div{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;display:flex}.panel-details dt{color:var(--text-muted);font-size:.85rem}.panel-details dd{text-align:right;margin:0;font-weight:500}.how-section{max-width:720px;margin:0 auto 4rem;padding:0 1.5rem}.steps{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:flex-start;gap:1.25rem;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:700;display:flex}.steps h3{margin:0 0 .35rem;font-size:1.05rem}.steps p{color:var(--text-muted);margin:0;font-size:.95rem}.form-section{max-width:480px;margin:0 auto 4rem;padding:0 1.5rem}.claim-form{flex-direction:column;gap:1.25rem;display:flex}.claim-form label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.claim-form input,.claim-form select{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem}.claim-form input:focus,.claim-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .2);outline:none}.field-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.form-mailto{text-align:center;color:var(--text-muted);font-size:.85rem}.form-mailto a{color:var(--accent);text-decoration:underline}.form-success{border-radius:var(--radius);text-align:center;background:#34d3991a;border:1px solid #34d3994d;padding:1.5rem}.form-success p{color:var(--open);margin:0}.form-error{color:#f87171;margin:0;font-size:.85rem}.footer{border-top:1px solid var(--border);color:var(--text-muted);padding:1.25rem 1.5rem 1.5rem;font-size:.8rem;line-height:1.5}.footer-inner{max-width:720px;margin:0 auto}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 1.75rem;margin-bottom:.75rem;display:flex}.footer-links a{color:var(--text);font-size:.85rem;font-weight:600}.footer-links a:hover{color:var(--accent)}.footer-disclaimer{text-align:left;margin:0 0 .5rem;font-size:.75rem;line-height:1.45}.footer-meta{text-align:center;margin:0;font-size:.75rem}.footer-meta a{color:var(--text);font-weight:600}.footer-meta a:hover{color:var(--accent)}.header-inner--legal{justify-content:space-between}.legal-page{max-width:640px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.legal-back{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem;font-weight:600;display:inline-block}.legal-back:hover{color:var(--accent)}.legal-page h1{margin:0 0 1rem;font-size:1.75rem}.legal-page p{color:var(--text-muted);margin:0;line-height:1.65}.faq-section{max-width:720px;margin:0 auto 4rem;padding:0 1.5rem}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden}.faq-question{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover{color:var(--accent)}.faq-icon{color:var(--text-muted);flex-shrink:0;font-size:1.25rem;line-height:1}.faq-answer{color:var(--text-muted);padding:0 1.25rem 1.25rem;font-size:.95rem;line-height:1.6}.about-section{max-width:960px;margin:0 auto 4rem;padding:0 1.5rem}.about-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.about-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.about-card-body h3{margin:0 0 .25rem;font-size:1rem}.about-role{color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem}.about-linkedin{color:var(--accent);margin-bottom:.5rem;font-size:.8rem;text-decoration:none;display:inline-block}.about-linkedin:hover{text-decoration:underline}.about-followers{color:var(--text-muted)}.about-price{color:var(--accent);margin:0;font-size:.85rem;font-weight:600}@media (width<=640px){.header-inner{flex-wrap:wrap}.header .nav{order:3;justify-content:flex-start;gap:1rem;width:100%}.spot-table th:nth-child(2),.spot-table td:nth-child(2){display:none}}