@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-dark: #080A0E;--bg-surface: rgba(18, 22, 32, .75);--bg-surface-elevated: rgba(26, 32, 48, .85);--bg-glass: rgba(14, 18, 28, .65);--border-subtle: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .28);--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--text-faint: #64748B;--band-truth: #F97316;--band-truth-rgb: 249, 115, 22;--band-gratitude: #F8FAFC;--band-gratitude-rgb: 248, 250, 252;--band-forgiveness: #EF4444;--band-forgiveness-rgb: 239, 68, 68;--band-love: #22C55E;--band-love-rgb: 34, 197, 94;--band-humility: #EAB308;--band-humility-rgb: 234, 179, 8;--band-giving: #38BDF8;--band-giving-rgb: 56, 189, 248;--band-patience: #475569;--band-patience-rgb: 71, 85, 105;--active-stream-color: var(--band-truth);--active-stream-rgb: var(--band-truth-rgb);--bg-contrast-gradient: radial-gradient(circle at 50% 25%, rgba(var(--active-stream-rgb), .16) 0%, rgba(12, 16, 24, .98) 55%, #080A0E 100%);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Grotesk", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-normal: .35s;--space-eyebrow: clamp(.75rem, 1.2vw, 1rem);--space-heading: clamp(1.15rem, 1.75vw, 1.5rem);--space-desc: clamp(2rem, 3.25vw, 3rem);--space-content: clamp(1.5rem, 2.25vw, 2rem);--space-section-top: clamp(4rem, 7.5vw, 7rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background-color:var(--bg-dark);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-contrast-gradient);background-attachment:fixed;color:var(--text-primary);line-height:1.65;position:relative;overflow-x:hidden;cursor:default;transition:background 1.2s cubic-bezier(.16,1,.3,1)}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.6}.ambient-glow{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:1100px;height:1100px;background:radial-gradient(circle,rgba(var(--active-stream-rgb),.18),#080a0e00 70%);border-radius:50%;pointer-events:none;z-index:0;transition:background 1.2s var(--ease-out-expo)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#080a0e}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--active-stream-color)}::selection{background:rgba(var(--active-stream-rgb),.4);color:#fff}.meta-tag{font-family:var(--font-mono);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--active-stream-color);margin-top:0;margin-bottom:var(--space-eyebrow);display:inline-flex;align-items:center;gap:.5rem;transition:color .4s ease}.meta-tag:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background-color:currentColor;box-shadow:0 0 12px currentColor}.section-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.4rem);font-weight:800;line-height:1.15;letter-spacing:.02em;word-spacing:.2em;color:#fff;margin-top:0;margin-bottom:var(--space-heading)}.section-subtitle{font-family:var(--font-body);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:400;line-height:1.6;color:var(--text-secondary);max-width:720px;margin-top:0;margin-bottom:var(--space-desc)}.body-text{font-family:var(--font-body);font-size:1.05rem;color:var(--text-secondary);font-weight:400;line-height:1.75;max-width:620px}:focus-visible{outline:2px solid var(--active-stream-color);outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.main-header{position:fixed;top:1.5rem;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(1rem,4vw,4rem);z-index:100;pointer-events:none}@media (max-width: 600px){.main-header{top:.85rem;padding:0 .85rem}.brand-logo{font-size:1.1rem;gap:.45rem}.nav-actions{gap:.5rem}}.brand-logo{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.01em;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.6rem;pointer-events:auto;transition:opacity var(--duration-normal)}.brand-logo:hover{opacity:.85}.brand-dot{width:9px;height:9px;background-color:var(--active-stream-color);border-radius:50%;box-shadow:0 0 14px var(--active-stream-color);transition:background-color .6s ease,box-shadow .6s ease}.nav-pill-container{display:flex;align-items:center;gap:1.6rem;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:9999px;padding:.6rem 1.8rem;pointer-events:auto;box-shadow:0 12px 36px #00000080}.nav-link{font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);text-decoration:none;transition:color var(--duration-normal) var(--ease-out-expo);position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--active-stream-color);border-radius:1px}.nav-actions{display:flex;align-items:center;gap:1rem;pointer-events:auto}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.05rem 2.2rem;background:#fff;color:#080a0e;font-family:var(--font-body);font-size:.88rem;font-weight:700;letter-spacing:.02em;text-decoration:none;border-radius:9999px;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);box-shadow:0 4px 20px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff59;background:#f8fafc}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.05rem 2.2rem;background:#ffffff0f;color:#fff;font-family:var(--font-body);font-size:.88rem;font-weight:600;letter-spacing:.02em;text-decoration:none;border-radius:9999px;border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:var(--active-stream-color);background:#ffffff1f;transform:translateY(-2px)}.custom-cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--active-stream-color);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--active-stream-color);transition:background-color .4s ease,box-shadow .4s ease,transform .04s linear}.custom-cursor-aura{position:fixed;top:0;left:0;width:38px;height:38px;border:1.5px solid rgba(var(--active-stream-rgb),.6);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),border-color .4s ease,background-color .3s ease,transform .12s ease-out}@media (hover: none),(pointer: coarse),(max-width: 900px){.custom-cursor-dot,.custom-cursor-aura{display:none!important}}.cursor-text-badge{display:none;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;color:#fff;text-transform:uppercase;pointer-events:none}.cursor-hovered .custom-cursor-aura{width:54px;height:54px;background:rgba(var(--active-stream-rgb),.14);border-color:var(--active-stream-color)}.cursor-3d-active .custom-cursor-aura{width:72px;height:72px;border:2px dashed var(--active-stream-color);background:rgba(var(--active-stream-rgb),.18);animation:rotateAura 12s linear infinite}.cursor-3d-active .cursor-text-badge{display:block}@keyframes rotateAura{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mobile-toggle{display:none;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.6rem;border-radius:50%;cursor:pointer}@media (max-width: 900px){.nav-pill-container{display:none}.mobile-toggle{display:flex;align-items:center;justify-content:center}}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-drawer.open{opacity:1;pointer-events:auto}.mobile-drawer .nav-link{font-size:1.4rem;letter-spacing:.05em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0ee0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;padding:clamp(.85rem,3vw,1.5rem);z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#101420;border:1px solid var(--border-subtle);border-radius:24px;padding:clamp(1.5rem,4vw,3.5rem);max-width:640px;width:100%;position:relative;box-shadow:0 24px 64px #000000b3;transform:translateY(20px);transition:transform .4s var(--ease-out-expo);max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}:root{--band-truth: #F5C542;--band-true-rgb: 245, 197, 66;--band-gratitude: #C7CEDB;--band-forgiveness: #CC2035;--band-love: #10B981;--band-humility: #F76B10;--band-giving: #1E3A5F;--band-patience: #A78BFA;--glow-fade-color: rgba(8, 10, 14, 0)}.theme-smooth,.theme-smooth *{transition:background-color .55s ease,color .55s ease,border-color .55s ease,box-shadow .55s ease,fill .55s ease,stroke .55s ease!important}html[data-theme=light]{--bg-dark: #F7F6F2;--bg-surface: rgba(255, 255, 255, .82);--bg-surface-elevated: rgba(255, 255, 255, .96);--bg-glass: rgba(255, 255, 255, .72);--border-subtle: rgba(15, 23, 42, .12);--border-hover: rgba(15, 23, 42, .3);--text-primary: #0F172A;--text-secondary: #33415A;--text-muted: #5B6B84;--text-faint: #8A94A6;--bg-contrast-gradient: radial-gradient(circle at 50% 25%, rgba(var(--active-stream-rgb), .14) 0%, rgba(250, 249, 246, .98) 55%, #F4F2ED 100%);--glow-fade-color: rgba(255, 255, 255, 0)}html[data-theme=light] body{background:var(--bg-contrast-gradient)}html[data-theme=light] ::-webkit-scrollbar-track{background:#ecebe7}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a47}html[data-theme=light] .section-title,html[data-theme=light] .hero-title,html[data-theme=light] .final-quote-highlight,html[data-theme=light] .shaping-statement,html[data-theme=light] .footer-col-title,html[data-theme=light] .footer-logo,html[data-theme=light] .btn-secondary:hover,html[data-theme=light] .nav-link:hover,html[data-theme=light] .nav-link.active,html[data-theme=light] .btn-branch.active,html[data-theme=light] .btn-branch:hover,html[data-theme=light] .final-brand{color:var(--text-primary)}html[data-theme=light] .btn-primary{background:#0f172a;color:#f7f6f2;box-shadow:0 4px 20px #0f172a38}html[data-theme=light] .btn-primary:hover{background:#1e293b;color:#fff;box-shadow:0 8px 30px #0f172a52}html[data-theme=light] .btn-secondary{background:#0f172a0f;color:#0f172a;border-color:var(--border-subtle)}html[data-theme=light] .btn-branch{background:#0f172a0d}html[data-theme=light] .nav-pill-container{box-shadow:0 12px 36px #0f172a1f}html[data-theme=light] .mobile-drawer{background:#f7f6f2}html[data-theme=light] .section-hero,html[data-theme=light] .section-wristband,html[data-theme=light] .section-stream-details,html[data-theme=light] .section-community{background:transparent}html[data-theme=light] .wristband-stage,html[data-theme=dark] .wristband-stage{background:transparent;border:none}html[data-theme=light] .modal-overlay{background:#0f172a6b}html[data-theme=light] .modal-content{background:#fff;box-shadow:0 24px 64px #0f172a38}html[data-theme=light] .modal-content .form-input{background:#fff;border-color:var(--border-subtle);color:var(--text-primary)}html[data-theme=light] .modal-content .form-input:focus{border-color:var(--active-stream-color)}html[data-theme=light] .modal-content select.form-input option{background:#fff;color:var(--text-primary)}.btn-theme{width:42px;height:42px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-theme:hover{border-color:var(--active-stream-color);color:var(--text-primary);transform:translateY(-2px)}.theme-icon{display:flex;align-items:center;justify-content:center}.theme-icon-light{display:none}html[data-theme=dark] .theme-icon-dark{display:flex}html[data-theme=dark] .theme-icon-light,html[data-theme=light] .theme-icon-dark{display:none}html[data-theme=light] .theme-icon-light{display:flex}.hint-chip{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border-subtle);padding:.35rem .8rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wristband-presets{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.stream-detail-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:24px;padding:1.8rem 2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 40px #00000038;text-align:left}.touchstone-tag{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(var(--active-stream-rgb),.14);border:1px solid rgba(var(--active-stream-rgb),.35);padding:.35rem .75rem;border-radius:9999px;color:var(--text-primary)}.band-card-open{display:flex;justify-content:center}.bands-showcase-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1.1rem}.band-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;padding:.9rem;text-decoration:none;overflow:hidden;box-shadow:0 6px 22px #00000029;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),border-color .4s ease,background-color .4s ease}.band-card:hover,.band-card.active{transform:translateY(-7px);border-color:var(--card-accent);background:var(--bg-surface-elevated);box-shadow:0 22px 46px rgba(var(--card-accent-rgb),.3),0 0 0 1px rgba(var(--card-accent-rgb),.25)}html[data-theme=light] .band-card{box-shadow:0 6px 22px #0f172a1a}html[data-theme=light] .band-card:hover,html[data-theme=light] .band-card.active{box-shadow:0 22px 46px rgba(var(--card-accent-rgb),.32),0 0 0 1px rgba(var(--card-accent-rgb),.25)}.band-card:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-2deg)}.band-media{position:relative;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(var(--card-accent-rgb),.28),#14182000 62%),#0b0e14;border:1px solid rgba(255,255,255,.06);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}html[data-theme=light] .band-media{background:radial-gradient(circle at 50% 42%,rgba(var(--card-accent-rgb),.22),#fff0 62%),#10141c;border-color:var(--border-subtle)}.band-media-img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .55s var(--ease-out-expo)}.band-card:hover .band-media-img,.band-media-img.active{transform:scale(1.06)}.band-media-placeholder-note{position:absolute;left:6px;bottom:6px;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#fff9;background:#080a0e99;padding:.2rem .45rem;border-radius:9999px}.band-body{padding:.85rem .15rem .15rem;display:flex;flex-direction:column;flex:1}.band-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem;flex-wrap:wrap}.band-swatch{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px var(--card-accent);flex-shrink:0}.band-name{font-family:var(--font-display);font-size:1.12rem;font-weight:800;color:var(--text-primary);letter-spacing:.01em}.band-index{margin-left:auto;font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.14em;color:var(--text-muted);white-space:nowrap}.band-title{font-family:var(--font-display);font-size:.94rem;font-weight:700;color:var(--card-accent);margin-bottom:.4rem;line-height:1.25}.band-brief{font-size:.82rem;color:var(--text-secondary);line-height:1.55;margin-bottom:.75rem;flex:1}.band-explore{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.14em;color:var(--card-accent);opacity:.9;transition:gap .3s ease,opacity .3s ease}.band-card:hover .band-explore{gap:.7rem;opacity:1}.gallery-hint{margin-top:2rem;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 1365px){.bands-showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.bands-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.bands-showcase-grid{grid-template-columns:1fr}}.section-cta{flex-direction:column;text-align:center;min-height:70vh;gap:.75rem;background:radial-gradient(ellipse at 50% 60%,rgba(var(--active-stream-rgb),.1) 0%,transparent 60%)}.section-community{flex-direction:column;text-align:center;min-height:100vh;perspective:1400px}.community-wrap{max-width:1180px}.section-community:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 10%,rgba(var(--active-stream-rgb),.14) 0%,transparent 60%);pointer-events:none}.community-locked{position:relative}.community-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin:var(--space-content) 0 var(--space-desc);text-align:left}.community-benefit{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;padding:1.25rem;display:flex;gap:.9rem;align-items:flex-start;transition:transform .35s var(--ease-out-expo),border-color .35s ease,box-shadow .35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.community-benefit:hover{transform:translateY(-4px);border-color:var(--active-stream-color);box-shadow:0 14px 32px rgba(var(--active-stream-rgb),.22)}.community-benefit-mark{width:34px;height:34px;border-radius:12px;background:rgba(var(--active-stream-rgb),.16);border:1px solid rgba(var(--active-stream-rgb),.4);color:var(--active-stream-color);font-family:var(--font-display);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.community-benefit-title{font-family:var(--font-display);font-weight:700;font-size:.98rem;color:var(--text-primary);margin-bottom:.35rem}.community-benefit-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.community-plan{max-width:560px;margin:0 auto;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:26px;padding:2rem 2.2rem;text-align:left;box-shadow:0 22px 60px #00000040;position:relative;overflow:hidden}.community-plan:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f5c542,#c7cedb,#cc2035,#10b981,#f76b10,#1e3a5f,#a78bfa)}html[data-theme=light] .community-plan{box-shadow:0 22px 60px #0f172a2e}.community-plan-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.community-plan-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:var(--text-primary)}.community-plan-tagline{font-size:.95rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1.2rem}.community-plan-tag{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.14em;color:var(--text-muted);margin-top:.25rem}.community-plan-price{font-family:var(--font-display);font-weight:800;font-size:2.4rem;color:var(--active-stream-color);line-height:1}.community-plan-includes{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.6rem;padding:0}.community-plan-includes li{position:relative;padding-left:1.35rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.community-plan-includes li:before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--active-stream-color);box-shadow:0 0 8px var(--active-stream-color)}.btn-join{width:100%}.btn-ghost-link{width:100%;margin-top:.8rem;font-size:.8rem;text-align:center;display:flex;justify-content:center}.community-note{margin-top:1rem;text-align:center;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.community-vault{position:relative;animation:vaultIn .9s var(--ease-out-expo) both}@keyframes vaultIn{0%{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.vault-inner{background:linear-gradient(160deg,rgba(var(--active-stream-rgb),.1),var(--bg-surface-elevated) 45%,rgba(var(--active-stream-rgb),.06));border:1px solid var(--border-subtle);border-radius:30px;padding:clamp(2rem,5vw,4rem)}.vault-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:var(--space-content) 0 var(--space-desc);text-align:left}.vault-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:20px;padding:1.5rem;transition:transform .35s var(--ease-out-expo),border-color .35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vault-card:hover{transform:translateY(-4px);border-color:var(--active-stream-color)}.vault-card-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text-primary);margin-bottom:.55rem}.vault-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.vault-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.form-label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.form-input{width:100%;padding:.85rem 1.2rem;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color .25s ease,box-shadow .25s ease}.form-input:focus{outline:none;border-color:var(--active-stream-color);box-shadow:0 0 0 3px rgba(var(--active-stream-rgb),.18)}.membership-summary{border:1px solid var(--border-subtle);border-radius:16px;padding:1rem 1.2rem;margin-bottom:1.4rem;background:rgba(var(--active-stream-rgb),.06)}.membership-summary-row{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary);padding:.35rem 0}.membership-price-row{border-top:1px dashed var(--border-subtle);margin-top:.4rem;padding-top:.8rem}.membership-price{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--active-stream-color)}.pay-due{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid rgba(var(--active-stream-rgb),.5);border-radius:16px;padding:1rem 1.2rem;margin-bottom:1.4rem;background:linear-gradient(120deg,rgba(var(--active-stream-rgb),.16),rgba(var(--active-stream-rgb),.05))}.pay-due>span:first-child{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--text-secondary)}.pay-due-amount{font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--active-stream-color);line-height:1}.pay-due-amount small{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;color:var(--text-muted)}.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.pay-method{position:relative;cursor:pointer}.pay-method input{position:absolute;opacity:0;pointer-events:none}.pay-method-pill{display:flex;align-items:center;justify-content:center;padding:.7rem .5rem;border:1px solid var(--border-subtle);border-radius:12px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);background:var(--bg-dark);transition:border-color .25s ease,color .25s ease,background .25s ease}.pay-method input:checked+.pay-method-pill{border-color:var(--active-stream-color);color:var(--active-stream-color);background:rgba(var(--active-stream-rgb),.12);box-shadow:0 0 0 3px rgba(var(--active-stream-rgb),.14)}.pay-method-pill:hover{border-color:var(--border-hover);color:var(--text-primary)}.payment-mode-note{font-family:var(--font-mono);font-size:.68rem;line-height:1.5;letter-spacing:.06em;color:var(--text-muted);background:rgba(var(--active-stream-rgb),.08);border:1px dashed var(--border-subtle);border-radius:12px;padding:.7rem .9rem}.payment-status{min-height:1.2em;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted)}.payment-status.pending{color:var(--active-stream-color);animation:pulseStatus 1.6s ease infinite alternate}.payment-status.error{color:#f87171}@keyframes pulseStatus{0%{opacity:.5}to{opacity:1}}.membership-success{display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:vaultIn .7s var(--ease-out-expo) both}.success-seal{width:72px;height:72px;border-radius:50%;background:rgba(var(--active-stream-rgb),.14);border:1px solid var(--active-stream-color);color:var(--active-stream-color);display:flex;align-items:center;justify-content:center;box-shadow:0 0 26px rgba(var(--active-stream-rgb),.4);margin-bottom:.75rem}.footer-band-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;vertical-align:baseline;box-shadow:0 0 6px currentColor}@media (max-width: 960px){.community-benefits{grid-template-columns:repeat(2,1fr)}.vault-grid{grid-template-columns:1fr}}@media (max-width: 560px){.community-benefits{grid-template-columns:1fr}.hint-chip{font-size:.68rem}.community-plan{padding:1.4rem 1.15rem;border-radius:20px}.community-plan-price{font-size:2rem}.stream-detail-card{padding:1.25rem 1.1rem;border-radius:20px}.wristband-presets{gap:.35rem}.wristband-presets .btn-branch{font-size:.68rem;padding:.45rem .8rem}.band-card{padding:1rem}}[hidden]{display:none!important}