.landing-gnb{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);height:var(--header-height)}.landing-gnb__inner{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between;height:100%}.landing-gnb__logo{font-size:var(--text-h3);font-weight:700;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm)}.landing-gnb__logo:hover{text-decoration:none;color:var(--color-text-primary)}.landing-gnb__menu{display:flex;gap:var(--space-2xl)}.landing-gnb__menu a{color:var(--color-text-secondary);font-size:var(--text-body);font-weight:500;text-decoration:none;transition:color var(--transition-fast);cursor:pointer}.landing-gnb__menu a:hover{color:var(--color-text-primary);text-decoration:none}.landing-gnb__actions{display:flex;align-items:center;gap:var(--space-sm)}.landing-gnb__hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.landing-gnb__hamburger:hover{background:var(--color-surface);color:var(--color-text-primary)}@media(max-width:1023px){.landing-gnb__menu{display:none}.landing-gnb__hamburger{display:flex}}.landing-gnb__mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:49;background:var(--color-bg);padding:var(--space-xl);flex-direction:column;gap:var(--space-lg);border-top:1px solid var(--color-border-light)}.landing-gnb__mobile-menu--open{display:flex}.landing-gnb__mobile-menu a{display:block;padding:var(--space-md) 0;color:var(--color-text-secondary);font-size:var(--text-h3);font-weight:500;text-decoration:none;border-bottom:1px solid var(--color-border-light);transition:color var(--transition-fast)}.landing-gnb__mobile-menu a:hover{color:var(--color-text-primary);text-decoration:none}.hero{padding:var(--space-3xl) var(--space-xl) var(--space-2xl);background:var(--color-bg);position:relative;overflow:visible}.hero__bg{position:absolute;inset:0 0 -220px;pointer-events:none;overflow:visible;mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 100%)}.hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;will-change:transform}.hero__orb--1{width:500px;height:500px;background:radial-gradient(circle,#6366f1,#8b5cf6);top:-20%;left:-10%;animation:hero-float-1 18s ease-in-out infinite}.hero__orb--2{width:400px;height:400px;background:radial-gradient(circle,#06b6d4,#3b82f6);bottom:-15%;right:-8%;animation:hero-float-2 22s ease-in-out infinite}.hero__orb--3{width:300px;height:300px;background:radial-gradient(circle,#f43f5e,#ec4899);top:40%;right:15%;animation:hero-float-3 15s ease-in-out infinite}.hero__orb--4{width:250px;height:250px;background:radial-gradient(circle,#10b981,#06b6d4);bottom:10%;left:20%;animation:hero-float-4 20s ease-in-out infinite}:root:not([data-theme=dark]) .hero__orb{opacity:.22;filter:blur(80px)}.hero__grid-lines{position:absolute;inset:0;background-image:radial-gradient(circle,var(--color-text-muted) .5px,transparent .5px);background-size:40px 40px;opacity:.08;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hero-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.1)}66%{transform:translate(-30px,60px) scale(.95)}}@keyframes hero-float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,-30px) scale(1.05)}66%{transform:translate(40px,-50px) scale(.9)}}@keyframes hero-float-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.15)}}@keyframes hero-float-4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-40px) scale(1.08)}}.hero__content{max-width:var(--content-max-width);margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}@media(max-width:1023px){.hero__content{grid-template-columns:1fr}.hero__visual{display:none}}.hero__copy{max-width:560px}.hero__live-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.hero__live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-dot 1.5s ease-in-out infinite}.hero__headline{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.hero__headline-accent{background:linear-gradient(135deg,#60a5fa,#3b82f6,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__description{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2xl);max-width:440px}.hero__cta-group{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-lg)}.hero__cta-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:var(--color-main);color:#fff!important;font-weight:700;font-size:var(--text-body);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-base);box-shadow:0 6px 20px #3b82f640}.hero__cta-primary:hover{background:var(--color-main-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.hero__cta-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)!important;font-weight:600;font-size:var(--text-body);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-base)}.hero__cta-secondary:hover{color:var(--color-text-primary)!important;border-color:var(--color-text-muted);text-decoration:none;transform:translateY(-2px)}.hero__trust-row{display:flex;gap:var(--space-xl);font-size:var(--text-sm);color:var(--color-text-muted)}.hero__trust-row span{display:flex;align-items:center;gap:6px}.hero__trust-row svg{color:#10b981}.hero__visual{position:relative}.hero__mock-dashboard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-xl)}.hero__mock-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.hero__mock-dots{display:flex;gap:6px}.hero__mock-dot{width:10px;height:10px;border-radius:50%}.hero__mock-dot--red{background:#ef4444;opacity:.8}.hero__mock-dot--yellow{background:#f59e0b;opacity:.8}.hero__mock-dot--green{background:#10b981;opacity:.8}.hero__mock-url{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono)}.hero__mock-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.hero__mock-live{display:flex;align-items:center;gap:var(--space-md)}.hero__mock-live-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#ef44441a;display:flex;align-items:center;justify-content:center}.hero__mock-live-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse-dot 1.5s ease-in-out infinite}.hero__mock-label-bold{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary)}.hero__mock-label-muted{font-size:var(--text-xs);color:var(--color-text-muted)}.hero__mock-viewers{text-align:right}.hero__mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.hero__mock-stat{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.hero__mock-stat-num{font-size:var(--text-h3);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.hero__mock-stat-num--accent{color:var(--color-sub-dark)}.hero__mock-stat-label{font-size:10px;color:var(--color-text-muted);margin-top:2px}.hero__mock-donations{display:flex;flex-direction:column;gap:var(--space-sm)}.hero__mock-donation-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.hero__mock-donation-item{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:8px 12px}.hero__mock-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.hero__mock-donation-info{flex:1;min-width:0}.hero__mock-donation-text{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__mock-donation-msg{font-size:10px;color:var(--color-text-muted)}.hero__mock-donation-time{font-size:10px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.hero__float{position:absolute;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero__float--left{bottom:-20px;left:-24px;animation:hero-float-1 6s ease-in-out infinite}.hero__float--right{top:-16px;right:-16px;animation:hero-float-2 7s ease-in-out infinite}.hero__float-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px}.hero__float-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-primary)}.hero__float-sub{font-size:10px;color:var(--color-text-muted)}.hero__stats{max-width:var(--content-max-width);margin:var(--space-3xl) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);position:relative;z-index:1}@media(max-width:767px){.hero__stats{grid-template-columns:repeat(2,1fr)}}.hero__stat-card{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.hero__stat-card:hover{border-color:var(--color-main);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero__stat-icon{color:var(--color-main);margin:0 auto var(--space-sm)}.hero__stat-value{font-size:var(--text-h1);font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin-bottom:var(--space-xs)}.hero__stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.badge-live{background:var(--color-live);color:#fff;font-weight:700}.badge-live--hero{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:var(--text-sm);padding:4px 16px;border-radius:var(--radius-full);font-weight:700}.badge-live:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.badge-viewers{background:#0009;color:#fff;backdrop-filter:blur(4px)}.badge-platform{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}a.badge-platform--link{text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--transition-fast)}a.badge-platform--link:hover{border-color:var(--color-main);color:var(--color-main);background:var(--color-main-light)}.section-live{max-width:var(--content-max-width);margin:0 auto;padding:4rem var(--space-xl);scroll-margin-top:calc(var(--header-height) + var(--space-lg))}.section-live__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.section-live__title-group{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-h2);font-weight:700}.section-live__title-group h2{font-size:inherit;font-weight:inherit;color:var(--color-text-primary)}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;border:1px solid var(--color-border);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);transition:all var(--transition-fast)}.link-arrow:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);text-decoration:none}.broadcast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}@media(max-width:1279px){.broadcast-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1023px){.broadcast-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.broadcast-grid{grid-template-columns:1fr}}.broadcast-card{cursor:pointer;transition:transform var(--transition-base);border-radius:var(--radius-lg)}.broadcast-card:hover{transform:scale(1.02)}.broadcast-card:hover .broadcast-card__thumbnail{box-shadow:var(--shadow-md)}.broadcast-card__thumbnail{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.broadcast-card__thumbnail img{width:100%;height:100%;object-fit:cover}.broadcast-card__thumbnail .badge-live{position:absolute;top:var(--space-sm);left:var(--space-sm)}.broadcast-card__thumbnail .badge-viewers{position:absolute;bottom:var(--space-sm);right:var(--space-sm)}.broadcast-card__info{display:flex;gap:var(--space-md);padding:var(--space-md) 0}.broadcast-card__avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.broadcast-card__meta{min-width:0}.broadcast-card__title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.broadcast-card__creator{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.broadcast-card__tags{display:flex;align-items:center;gap:var(--space-sm);margin-top:4px}.broadcast-card__time{font-size:var(--text-xs);color:var(--color-text-muted)}.landing-section{padding:var(--space-4xl) var(--space-xl)}.landing-container{max-width:var(--content-max-width);margin:0 auto}.landing-section-header{margin-bottom:var(--space-3xl)}.landing-label{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-main);margin-bottom:var(--space-sm)}.landing-h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-md)}.landing-desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7;max-width:560px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:1023px){.bento-grid{grid-template-columns:1fr}}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:all var(--transition-base)}.bento-card:hover{border-color:var(--color-main-ring);transform:translateY(-3px);box-shadow:var(--shadow-md)}.bento-card--wide{grid-column:span 2}@media(max-width:1023px){.bento-card--wide{grid-column:span 1}}.bento-card__body{display:flex;gap:var(--space-2xl);align-items:center}@media(max-width:767px){.bento-card__body{flex-direction:column}}.bento-card__content{flex:1}.bento-card__title{font-size:var(--text-h3);font-weight:700;color:var(--color-text-primary);margin:var(--space-sm) 0 var(--space-md)}.bento-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.bento-icon{width:48px;height:48px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent, var(--color-main)) 10%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:var(--space-sm)}.bento-card__preview{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm)}@media(max-width:767px){.bento-card__preview{width:100%}}.bento-preview-donation{background:color-mix(in srgb,var(--c) 10%,transparent);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.bento-preview-donation__name{font-size:var(--text-xs);font-weight:700;color:var(--c)}.bento-preview-donation__name span{color:var(--color-text-muted);font-weight:400}.bento-preview-donation__msg{font-size:var(--text-sm);color:var(--color-text-primary);margin-top:2px}.bento-card__video-mock{margin-top:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative}.bento-card__play-icon{font-size:24px;color:var(--color-text-muted);opacity:.4}.bento-card__video-bar{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px}.bento-card__video-time{font-size:10px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.bento-card__drawing-mock{margin-top:var(--space-lg);display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bento-card__pixel{aspect-ratio:1;border-radius:4px}.overlay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:1023px){.overlay-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.overlay-grid{grid-template-columns:1fr}}.overlay-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.overlay-card:hover{border-color:var(--color-main-ring);transform:translateY(-2px)}.overlay-card--full{grid-column:1 / -1}.overlay-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.overlay-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent, var(--color-main)) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.overlay-card:hover .overlay-card__icon{background:color-mix(in srgb,var(--accent) 15%,transparent)}.overlay-card__num{font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--accent)}.overlay-card__name{font-size:var(--text-body);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.overlay-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.overlay-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.overlay-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:6px 12px;border-radius:var(--radius-md)}.conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media(max-width:767px){.conv-grid{grid-template-columns:1fr}}.conv-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.conv-card__title{font-size:var(--text-h2);font-weight:800;color:var(--color-text-primary);margin:var(--space-sm) 0 var(--space-sm);letter-spacing:-.01em}.conv-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.conv-card__items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:639px){.conv-card__items{grid-template-columns:repeat(2,1fr)}}.conv-item{background:var(--color-surface-elevated);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--transition-base)}.conv-item:hover{border-color:var(--color-border);transform:translateY(-2px)}.conv-item--more{border:1px dashed var(--color-border);display:flex;align-items:center;justify-content:center}.conv-item__icon{font-size:24px;display:block;margin-bottom:6px}.conv-item__name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.cta-banner{text-align:center;padding:var(--space-4xl) var(--space-xl);background:var(--color-surface)}.cta-banner__inner{max-width:640px;margin:0 auto}.cta-banner__title{font-size:var(--text-h1);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-md)}.cta-banner__desc{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:1.7}.cta-banner__buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.landing-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-3xl) var(--space-xl);color:var(--color-text-muted);font-size:var(--text-sm)}.landing-footer__inner{max-width:var(--content-max-width);margin:0 auto}.landing-footer__info{display:flex;gap:var(--space-4xl);margin-bottom:var(--space-2xl)}@media(max-width:639px){.landing-footer__info{flex-direction:column;gap:var(--space-xl)}}.landing-footer__company h3,.landing-footer__contact h3{font-size:var(--text-body);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.landing-footer__company p,.landing-footer__contact p{line-height:1.8}.landing-footer__links{padding:var(--space-lg) 0;border-top:1px solid var(--color-border-light)}.landing-footer__links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.landing-footer__links a:hover{color:var(--color-text-secondary);text-decoration:none}.landing-footer__copyright{margin-top:var(--space-lg);color:var(--color-text-muted)}.landing-footer__copyright strong{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:40px;padding:0 var(--space-xl);font-size:var(--text-body);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-family:var(--font-sans);text-decoration:none}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--space-md);font-size:var(--text-sm)}.btn-xl{height:48px;padding:0 var(--space-2xl);font-size:var(--text-h3);border-radius:var(--radius-xl)}.btn-primary{background:var(--color-main);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-main-hover)}.btn-dark{background:var(--color-text-primary);color:var(--color-text-inverse)}.btn-dark:hover:not(:disabled){opacity:.9}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-xl)}.auth-card{width:100%;max-width:440px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-2xl);box-shadow:var(--shadow-lg)}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-header h1{font-size:var(--text-h2);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.auth-header p{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-role-tabs{display:flex;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3px;margin-bottom:var(--space-xl)}.auth-role-tab{flex:1;padding:var(--space-sm) var(--space-md);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.auth-role-tab:hover{color:var(--color-text-secondary)}.auth-role-tab.active{background-color:var(--color-main);color:#fff;box-shadow:var(--shadow-sm)}.auth-divider{display:flex;align-items:center;margin:var(--space-xl) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--color-border)}.auth-divider span{padding:0 var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.auth-social-icons{display:flex;justify-content:center;gap:var(--space-xl)}.auth-social-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:transparent;border:none;cursor:pointer;transition:transform var(--transition-fast);padding:0}.auth-social-btn:hover{transform:translateY(-2px)}.auth-social-btn:active{transform:scale(.95)}.auth-social-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--transition-fast)}.auth-social-btn:hover .auth-social-icon-circle{box-shadow:0 4px 12px #00000040}.auth-social-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.auth-social-btn--youtube .auth-social-icon-circle{background-color:red;color:#fff}.auth-social-btn--twitch .auth-social-icon-circle{background-color:#9146ff;color:#fff}.auth-social-btn--kakao .auth-social-icon-circle{background-color:#fee500;color:#191919}.auth-social-btn--payco .auth-social-icon-circle{background-color:#e63740;color:#fff}.auth-social-btn--naver .auth-social-icon-circle{background-color:#03c75a;color:#fff}.auth-social-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-terms{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.auth-terms-item{display:flex;align-items:center;gap:var(--space-sm)}.auth-terms-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-main);cursor:pointer;flex-shrink:0}.auth-terms-item label{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;line-height:1.4}.auth-terms-item label a{color:var(--color-main);text-decoration:underline}.auth-terms-item.required label{color:var(--color-text-primary)}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-main);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{padding:var(--space-md);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.auth-forgot-link{display:block;text-align:right;font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;margin-top:calc(var(--space-xs) * -1)}.auth-forgot-link:hover{color:var(--color-main);text-decoration:underline}.auth-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:200px}.auth-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-main);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.step-indicator{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-md) 0}.step-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition-base)}.step-indicator__dot--active{width:24px;border-radius:var(--radius-full);background:var(--color-main)}.step-indicator__dot--completed{background:var(--color-main)}.charge-chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.charge-chip{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-family:var(--font-mono);font-weight:500;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.charge-chip:hover{border-color:var(--color-main)}.charge-chip--active{background:var(--color-main-light);border-color:var(--color-main);color:var(--color-main)}.charge-form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.charge-form-input{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.charge-form-input:focus{border-color:var(--color-main);box-shadow:0 0 0 3px var(--color-main-ring)}.charge-form-input::placeholder{color:var(--color-text-muted)}.charge-form-input--error{border-color:var(--color-error)}.charge-form-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444426}.charge-form-input::-webkit-outer-spin-button,.charge-form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.charge-form-input[type=number]{-moz-appearance:textfield}.charge-summary{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg)}.charge-summary__row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.charge-summary__row+.charge-summary__row{margin-top:var(--space-xs)}.charge-summary__total{display:flex;justify-content:space-between;padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--color-border);font-weight:700;color:var(--color-text-primary)}.payment-method-list{display:flex;flex-direction:column;gap:var(--space-sm)}.payment-method-card{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.payment-method-card:hover{border-color:var(--color-main)}.payment-method-card--selected{border:2px solid var(--color-main);background:var(--color-main-light)}.payment-method-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-method-card__icon img{width:24px;height:24px}.payment-method-card__icon-fallback{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.payment-method-card__info{flex:1;min-width:0}.payment-method-card__name{font-weight:600;font-size:var(--text-body);color:var(--color-text-primary)}.payment-method-card__fee{font-size:var(--text-xs);color:var(--color-text-muted)}.payment-method-card__check{color:var(--color-main);flex-shrink:0}.charge-pg-summary{padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-lg);text-align:center}.charge-pg-summary__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.charge-pg-summary__amount{font-family:var(--font-mono);font-size:var(--text-amount-lg);font-weight:700;color:var(--color-text-primary)}.charge-pg-summary__detail{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.charge-spinner{width:32px;height:32px;margin:0 auto var(--space-md);border:3px solid var(--color-border);border-top-color:var(--color-main);border-radius:50%;animation:charge-spin .8s linear infinite}@keyframes charge-spin{to{transform:rotate(360deg)}}.charge-btn-row{display:flex;gap:var(--space-sm)}.charge-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl) 0}.charge-result__icon--success{color:var(--color-success);animation:charge-result-pop .4s ease-out}.charge-result__icon--fail{color:var(--color-error)}@keyframes charge-result-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.charge-result__text{text-align:center}.charge-result__title{font-size:var(--text-h2);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.charge-result__amount{font-family:var(--font-mono);font-size:var(--text-amount-md);font-weight:700;color:var(--color-text-primary)}.charge-result__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.charge-skeleton{height:56px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.terms-container{display:flex;flex-direction:column;gap:var(--space-lg)}.terms-all{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.terms-all:hover{border-color:var(--color-main)}.terms-all--checked{border-color:var(--color-main);background:var(--color-main-light)}.terms-all__label{font-weight:700;font-size:var(--text-body);color:var(--color-text-primary)}.terms-checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-bg);flex-shrink:0;transition:all var(--transition-fast);color:#fff}.terms-checkbox--checked{background:var(--color-main);border-color:var(--color-main)}.terms-list{display:flex;flex-direction:column;gap:var(--space-sm)}.terms-item{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.terms-item__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.terms-item__check-btn{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;cursor:pointer;flex:1;min-width:0;text-align:left}.terms-item__title{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.4}.terms-item__required{color:var(--color-main);font-weight:600}.terms-item__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);flex-shrink:0}.terms-item__toggle:hover{background:var(--color-surface);color:var(--color-text-primary)}.terms-item__content{max-height:300px;overflow-y:auto;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border-light)}.terms-item__text{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:keep-all;margin:0}.terms-minor-notice{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-sub-light);border:2px solid var(--color-sub-dark);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.terms-minor-notice:hover{border-color:var(--color-sub-dark);background:var(--color-sub-light);filter:brightness(.97)}.terms-minor-notice--checked{border-color:var(--color-main);background:var(--color-main-light)}.terms-minor-notice--checked:hover{background:var(--color-main-light);filter:brightness(.97)}.terms-minor-notice__content{flex:1;min-width:0}.terms-minor-notice__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);color:#92400e}.terms-minor-notice--checked .terms-minor-notice__header{color:var(--color-main)}.terms-minor-notice__header strong{font-size:var(--text-sm);font-weight:700}.terms-minor-notice p{font-size:var(--text-xs);line-height:1.5;margin:0;color:var(--color-text-secondary)}.card-form{display:flex;flex-direction:column;gap:var(--space-lg)}.card-form__header{display:flex;align-items:center;gap:var(--space-sm)}.card-form__header-title{font-size:var(--text-h3);font-weight:700;color:var(--color-text-primary)}.card-form__group{display:flex;flex-direction:column;flex:1;min-width:0}.card-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.card-list{display:flex;flex-direction:column;gap:var(--space-sm)}.card-list__item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.card-list__item:hover{border-color:var(--color-main)}.card-list__item--selected{border:2px solid var(--color-main);background:var(--color-main-light)}.card-list__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-list__info{flex:1;min-width:0}.card-list__name{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--text-body);color:var(--color-text-primary)}.card-list__badge{display:inline-flex;align-items:center;padding:1px var(--space-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-main);background:var(--color-main-light);border-radius:var(--radius-full)}.card-list__number{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.card-list__add{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:none;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.card-list__add:hover{border-color:var(--color-main);color:var(--color-main);background:var(--color-main-light)}.pin-input{display:flex;gap:8px;justify-content:center;position:relative;cursor:pointer}.pin-input__dot{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background:var(--color-bg)}.pin-input__dot--filled{border-color:var(--color-main);background:var(--color-main-light)}.pin-input__dot--error{border-color:var(--color-error);background:var(--color-error-light)}.confirm-card-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.confirm-card-info>div{display:flex;align-items:center;gap:var(--space-sm)}.confirm-card-info__name{font-weight:600;font-size:var(--text-body);color:var(--color-text-primary)}.confirm-card-info__number{font-size:var(--text-sm);color:var(--color-text-muted)}.payment-method-register{display:flex;flex-direction:column;gap:var(--space-md)}.payment-method-register__notice{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-main-light);border:1px solid var(--color-main);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-main);line-height:1.4}.payment-method-register__notice svg{flex-shrink:0}.payment-method-register__tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.payment-method-register__tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.payment-method-register__tab:hover{color:var(--color-text-secondary)}.payment-method-register__tab--active{color:var(--color-main);border-bottom-color:var(--color-main)}.payment-method-register__content{padding-top:var(--space-sm)}