:root{--black:#000;--white:#fff;--magenta:#e91e8c;--coral:#ff7556;--yellow:#f5c518;--hot-pink:#ff69b4;--soft-pink:#ffb6d9;--turquoise:#40e0d0;--polaroid-white:#f8f8f8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--black);color:var(--white);font-family:DM Sans,sans-serif;overflow-x:hidden}input[type=file],input[type=text],textarea{font-family:DM Sans,sans-serif}input[type=file]{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:var(--magenta);border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.25)}}@keyframes neonPulseHero{0%,to{filter:drop-shadow(0 0 6px)drop-shadow(0 0 12px)}50%{filter:drop-shadow(0 0 10px)drop-shadow(0 0 20px)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}@keyframes drift-1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(45px,-35px)rotate(8deg)}50%{transform:translate(70px,20px)rotate(-6deg)}75%{transform:translate(-25px,40px)rotate(12deg)}}@keyframes drift-2{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-40px,-55px)rotate(-10deg)}50%{transform:translate(30px,-85px)rotate(15deg)}75%{transform:translate(-15px,-25px)rotate(-5deg)}}@keyframes drift-3{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(55px,25px)rotate(-12deg)}66%{transform:translate(-35px,-45px)rotate(9deg)}}@keyframes drift-4{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-50px,-25px)rotate(-8deg)}50%{transform:translate(-75px,35px)rotate(6deg)}75%{transform:translate(25px,60px)rotate(-14deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-hero{animation:3s ease-in-out infinite neonPulseHero}.float-element{animation:6s ease-in-out infinite float}.neon-title-wrapper{--neon-glow-color:var(--magenta);filter:drop-shadow(0 0 20px var(--neon-glow-color));display:inline-block}@media (width<=600px){.neon-title-wrapper{filter:drop-shadow(0 0 8px var(--neon-glow-color))}}.slideshow{background:#000;flex-direction:column;align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.slideshow-glow{background:radial-gradient(circle at center, color-mix(in srgb, var(--ss-accent) 7%, transparent) 0%, transparent 60%);pointer-events:none;transition:background 1s;position:absolute;inset:0}.slideshow-header{text-align:center;z-index:10;padding:24px 16px 12px}.slideshow-title{background:linear-gradient(135deg, var(--ss-accent) 0%, var(--hot-pink) 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;text-transform:uppercase;filter:drop-shadow(0 0 16px var(--ss-accent));white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0 auto;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,6vw,56px);font-weight:400;transition:all 1s;overflow:hidden}.slideshow-subtitle{color:#ffffffb3;margin-top:4px;font-family:DM Sans,sans-serif;font-size:clamp(13px,1.6vw,18px)}.slideshow-track{color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--ss-accent) 40%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--ss-accent) 25%, transparent);background:#000d;border-radius:999px;margin-top:12px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:13px;display:inline-block}.slideshow-photo-wrap{z-index:5;flex:auto;justify-content:center;align-items:center;min-height:0;padding:12px 16px;display:flex}.slideshow-photo{border:4px solid var(--ss-accent);width:auto;max-width:min(96vw,1200px);height:auto;max-height:calc(100dvh - 240px);box-shadow:0 0 50px color-mix(in srgb, var(--ss-accent) 35%, transparent);background:#000;border-radius:12px;display:block}@media (width>=700px){.slideshow-photo{border-width:6px;max-height:calc(100dvh - 280px)}}.slideshow-progress{z-index:10;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 16px 0;display:flex}.slideshow-dot{cursor:pointer;background:#fff3;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .3s}.slideshow-dot[data-active=true]{background:var(--ss-accent);width:28px;box-shadow:0 0 10px var(--ss-accent)}.slideshow-progress-bar{background:#fff2;border-radius:2px;width:min(60%,600px);height:4px;margin:8px auto 0;overflow:hidden}.slideshow-progress-bar-fill{background:var(--ss-accent);height:100%;box-shadow:0 0 10px var(--ss-accent);border-radius:2px;transition:width .5s,background 1s}.slideshow-controls{z-index:10;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;padding:12px 12px 24px;display:flex}.slideshow-btn{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-weight:600;transition:all .3s;display:inline-flex}.slideshow-btn-exit{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000d;border:2px solid #fff;padding:9px 14px;font-size:13px;box-shadow:0 0 18px #fff2}.slideshow-btn-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--ss-accent);color:#fff;box-shadow:0 0 18px color-mix(in srgb, var(--ss-accent) 25%, transparent);background:#000d;padding:10px 16px;font-size:14px}.slideshow-btn-play{background:var(--ss-accent);border:2px solid var(--ss-accent);color:#000;box-shadow:0 0 28px color-mix(in srgb, var(--ss-accent) 50%, transparent);padding:10px 22px;font-size:15px;font-weight:700}@media (width>=700px){.slideshow-header{padding:32px 24px 16px}.slideshow-track{padding:8px 16px;font-size:14px}.slideshow-photo-wrap{padding:24px}.slideshow-controls{gap:16px;padding:16px 24px 32px}.slideshow-btn-exit{padding:12px 20px;font-size:14px}.slideshow-btn-nav{padding:12px 24px;font-size:16px}.slideshow-btn-play{padding:12px 32px;font-size:16px}}
