/* FAN TIME Neon Purple / Magenta Theme */
:root{color-scheme:dark;--ft-bg:#080817;--ft-panel:#15102f;--ft-panel-2:#201747;--ft-purple:#7041ff;--ft-violet:#9957ff;--ft-pink:#ed35d5;--ft-text:#f7f2ff;--ft-muted:#c3b8eb;--ft-line:rgba(157,104,255,.30);}
html{background:var(--ft-bg)!important;scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 82% 8%,rgba(112,65,255,.22),transparent 31%),radial-gradient(ellipse at 8% 84%,rgba(225,49,215,.12),transparent 28%),linear-gradient(145deg,#080817 0%,#0a0820 48%,#09071b 100%)!important;color:var(--ft-text)!important;font-family:'Noto Sans KR',sans-serif!important;}
body.bg-surface,main.bg-surface,main{background-color:transparent!important;color:var(--ft-text)!important}
.bg-surface,.bg-background{background-color:#080817!important}
.bg-surface-container-lowest,[class*="bg-surface-container-lowest/"]{background-color:rgba(8,7,27,.94)!important}
.bg-surface-container-low,[class*="bg-surface-container-low/"]{background:linear-gradient(145deg,rgba(35,24,78,.9),rgba(17,13,48,.94))!important;border:1px solid rgba(147,94,255,.22)!important}
.bg-surface-container,[class*="bg-surface-container/"]{background:linear-gradient(145deg,rgba(31,24,72,.94),rgba(20,16,50,.94))!important}
.bg-surface-container-high,[class*="bg-surface-container-high/"]{background:rgba(57,38,112,.62)!important}
.bg-surface-container-highest,[class*="bg-surface-container-highest/"]{background:rgba(75,48,145,.52)!important}
.bg-surface-bright{background-color:#49327e!important}
.bg-surface-variant{background-color:#30215a!important}
.bg-primary,[class*="bg-primary/"]{background-color:#7f43ff!important}
.bg-primary{background-image:linear-gradient(108deg,#6041ff 0%,#913cff 56%,#ed32d6 100%)!important;color:#fff!important}
.bg-primary-container{background:linear-gradient(110deg,#7143ff,#e83bd7)!important}
.bg-secondary-container,[class*="bg-secondary-container/"]{background-color:rgba(92,43,143,.78)!important}
.bg-error-container{background-color:rgba(130,31,89,.65)!important}
.bg-gradient-to-r,.bg-gradient-to-tr{background-image:linear-gradient(110deg,#6241ff 0%,#943eff 54%,#ed35d5 100%)!important}
.from-primary-fixed-dim{--tw-gradient-from:#6241ff var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(98,65,255,0) var(--tw-gradient-to-position)!important}
.via-primary{--tw-gradient-via:#973eff var(--tw-gradient-via-position)!important}
.to-primary-container{--tw-gradient-to:#ed35d5 var(--tw-gradient-to-position)!important}
.text-primary{color:#c2a0ff!important}
.text-secondary{color:#f36ce7!important}
.text-on-primary{color:#fff!important}
.text-on-primary-container{color:#f7eaff!important}
.text-on-surface{color:#f7f2ff!important}
.text-on-surface-variant{color:#c8bfe9!important}
.text-outline,.text-outline-variant{color:#a99bcf!important}
.border-outline-variant,.border-primary{border-color:rgba(164,111,255,.34)!important}
header.fixed.top-0{background:rgba(8,6,25,.88)!important;border-bottom:1px solid rgba(145,88,255,.25)!important;backdrop-filter:blur(22px)!important;box-shadow:0 8px 32px rgba(13,5,43,.45)!important}
header img[src*="logo.svg"]{width:38px!important;height:38px!important;filter:drop-shadow(0 0 10px rgba(169,94,255,.35))}
header .font-headline-sm.text-headline-sm.text-primary{background:linear-gradient(90deg,#fff 0%,#c8a2ff 48%,#f04de2 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
nav.fixed.bottom-0{background:rgba(8,6,25,.9)!important;border-top:1px solid rgba(159,99,255,.24)!important;backdrop-filter:blur(20px)!important}
button,a{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
button.bg-primary,a.bg-primary{box-shadow:0 5px 22px rgba(142,62,255,.26),0 0 12px rgba(225,52,215,.12)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d16cff!important;outline-offset:3px}
input,select,textarea,.ft-input{background:#100d2b!important;color:#f7f2ff!important;border-color:rgba(157,105,255,.42)!important}
.ft-demo-banner{border:1px solid rgba(160,105,255,.4)!important;background:linear-gradient(110deg,rgba(52,31,105,.85),rgba(27,16,65,.92))!important;color:#e1d4ff!important;box-shadow:0 6px 24px rgba(83,42,165,.14)}
.ft-toast{background:linear-gradient(110deg,#6241ff,#933dff 58%,#ed35d5)!important;color:#fff!important;box-shadow:0 10px 35px rgba(115,56,255,.35)!important}
.ft-global-nav{background:rgba(8,6,25,.93)!important;border-top:1px solid rgba(165,105,255,.24)!important}
.ft-global-nav a.active{color:#cfadff!important}
.ft-reservation-card{background:linear-gradient(145deg,rgba(35,24,78,.95),rgba(16,12,44,.98))!important;border:1px solid rgba(156,99,255,.30)!important;box-shadow:0 8px 26px rgba(5,4,22,.3)}
.ft-pill{background:rgba(102,56,185,.45)!important;color:#f4d7ff!important;border:1px solid rgba(185,130,255,.2)}
img{max-width:100%}
img.object-cover{box-shadow:0 0 0 1px rgba(189,143,255,.14)}
.rounded-xl{border-radius:18px!important}
.rounded-2xl{border-radius:23px!important}
[class*="shadow-"]{--tw-shadow-color:rgba(68,35,133,.24)}
/* Home page: neon desktop hero, floating feature strip and creator cards */
.ft-home-topnav{display:none;align-items:center;justify-content:center;gap:clamp(12px,2vw,30px);white-space:nowrap}
.ft-home-topnav a{display:inline-flex;align-items:center;gap:5px;color:#d5c8f5;text-decoration:none;font-size:13px;font-weight:600;padding:10px 2px;border-bottom:2px solid transparent}
.ft-home-topnav a .material-symbols-outlined{font-size:18px;color:#bda1ff}
.ft-home-topnav a:hover,.ft-home-topnav a.active{color:#fff;border-color:#d34fff;text-shadow:0 0 14px rgba(193,88,255,.55)}
.ft-home-hero{position:relative;isolation:isolate}
.ft-home-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 45%,rgba(99,50,255,.27),transparent 42%),radial-gradient(ellipse at 94% 4%,rgba(233,49,218,.17),transparent 30%)}
.ft-home-visual{border:1px solid rgba(168,112,255,.34)!important;box-shadow:0 14px 45px rgba(94,42,200,.23)!important}
.ft-home-visual>div:first-child{background-image:url("images/streamer-hero-neon.jpg")!important;background-position:center 22%!important}
.ft-home-visual .bg-gradient-to-t{background-image:linear-gradient(to top,rgba(8,7,26,.88),rgba(8,7,26,.08),transparent)!important}
.ft-featured-section .grid>div{border:1px solid rgba(151,92,255,.23)!important;background:linear-gradient(145deg,rgba(34,24,77,.92),rgba(16,13,43,.96))!important;box-shadow:0 10px 30px rgba(5,4,23,.35),0 0 18px rgba(113,64,255,.08)!important}
.ft-featured-section .grid>div:hover{border-color:rgba(222,94,255,.55)!important;transform:translateY(-3px)}
.ft-featured-section .grid>div>div:first-child{overflow:hidden}
.ft-benefits-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 16px;padding:12px;border:1px solid rgba(164,107,255,.34);border-radius:20px;background:linear-gradient(105deg,rgba(34,21,82,.92),rgba(24,16,62,.95),rgba(57,27,112,.86));box-shadow:0 12px 35px rgba(68,35,150,.2),inset 0 1px rgba(255,255,255,.08)}
.ft-benefit-card{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 9px;border-right:1px solid rgba(177,139,255,.2)}
.ft-benefit-card:nth-child(even){border-right:0}
.ft-benefit-card .material-symbols-outlined{font-size:30px;line-height:1;color:#bc82ff;text-shadow:0 0 16px rgba(166,98,255,.65);flex-shrink:0}
.ft-benefit-card div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ft-benefit-card small{font-size:10px;color:#d1c5ee}
.ft-benefit-card strong{font-size:12px;color:#fff;font-weight:700}
@media(min-width:900px){
  body>header.fixed.top-0{height:74px}
  body>header.fixed.top-0>div{max-width:1600px;margin:0 auto;height:74px!important;padding-left:34px!important;padding-right:34px!important}
  .ft-home-topnav{display:flex;flex:1;margin:0 26px}
  body>nav.fixed.bottom-0{display:none!important}
  main{padding-top:74px!important;padding-bottom:30px!important}
  .ft-home-hero{display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"badge visual" "copy visual" "cta visual";align-items:center;column-gap:34px;row-gap:16px;padding:34px clamp(28px,4vw,64px) 30px!important;max-width:1600px;margin:0 auto;min-height:455px}
  .ft-home-badge{grid-area:badge;align-self:end}
  .ft-home-copy{grid-area:copy;max-width:640px}
  .ft-home-copy h1{font-size:clamp(32px,3.2vw,52px)!important;line-height:1.18!important}
  .ft-home-copy p{font-size:clamp(14px,1.2vw,17px)!important;max-width:610px}
  .ft-home-visual{grid-area:visual;height:420px;min-height:420px;margin:0!important;border-radius:26px!important}
  .ft-home-visual>div:first-child{height:100%!important;min-height:420px}
  .ft-home-cta{grid-area:cta;display:flex!important;flex-direction:row!important;align-self:start;gap:12px!important;max-width:600px}
  .ft-home-cta>a{width:auto!important;min-width:210px;flex:0 1 auto}
  .ft-benefits-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 clamp(28px,4vw,64px);padding:12px 20px}
  .ft-benefit-card{border-right:1px solid rgba(177,139,255,.22)!important;padding:12px 16px}
  .ft-benefit-card:last-child{border-right:0!important}
  .ft-benefit-card .material-symbols-outlined{font-size:38px}
  .ft-benefit-card small{font-size:12px}
  .ft-benefit-card strong{font-size:15px}
  .ft-featured-section{max-width:1600px;margin:0 auto;padding:36px clamp(28px,4vw,64px) 24px!important;width:100%}
  .ft-featured-section>.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .ft-featured-section .grid>div>div:first-child{height:180px!important}
}
@media(max-width:899px){
  .ft-home-topnav{display:none!important}
  .ft-home-hero{padding-left:16px!important;padding-right:16px!important}
  .ft-home-visual>div:first-child{background-image:url("images/streamer-hero-neon.jpg")!important;background-position:center 22%!important}
  .ft-benefits-strip{margin:0 14px}
}
@media(max-width:420px){.ft-benefits-strip{gap:5px;padding:8px}.ft-benefit-card{padding:8px 5px;gap:6px}.ft-benefit-card .material-symbols-outlined{font-size:24px}.ft-benefit-card small{font-size:9px}.ft-benefit-card strong{font-size:11px}}

/* Embedded FAN TIME brand lockup: avoids a missing external logo asset on the homepage. */
.ft-brand-lockup{display:inline-flex;align-items:center;gap:9px;flex:none;white-space:nowrap;text-decoration:none}
.ft-brand-lockup .ft-brand-mark{display:block;width:38px;height:38px;flex:none;overflow:visible;filter:drop-shadow(0 0 10px rgba(169,94,255,.42))}