:root{--primary-color: #EE322F;--secondary-color: #F4A261;--accent-color: #2A9D8F;--bg-color: #FFFFFF;--text-color: #1D3557;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .05);--shadow: 0 8px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:url(/subtle_pastel_bg.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-color);overflow-x:hidden}.app-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:center;align-items:center;padding:2rem;background:transparent;border:none;box-shadow:none;margin-bottom:1rem}.logo-container{background-color:var(--primary-color);border-radius:24px;width:100%;max-width:800px;padding:2rem;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow)}.logo{height:auto;width:100%;max-width:500px;transition:transform .3s ease}.logo:hover{transform:scale(1.05) rotate(-2deg)}nav{display:none}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:3rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:3rem;width:100%;max-width:800px}.hero-content{animation:float 6s ease-in-out infinite}h1{font-family:Fredoka,sans-serif;font-size:4rem;color:var(--primary-color);margin-bottom:1rem;text-shadow:2px 2px 0px #fff}.hero-subtitle{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.hero-description{font-size:1.2rem;margin-bottom:2rem;line-height:1.6;color:var(--accent-color);font-weight:600}.watch-options{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.watch-option{background:#fff;padding:1.5rem;border-radius:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #0000000d;transition:transform .2s ease;border:2px solid transparent}.watch-option:hover{transform:scale(1.02);border-color:var(--secondary-color)}.channel-name{font-family:Fredoka,sans-serif;font-size:1.5rem;color:var(--text-color);font-weight:600}.channel-number{font-size:1.2rem;font-weight:700;color:#fff;background-color:var(--primary-color);padding:.5rem 1rem;border-radius:50px}footer{text-align:center;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0;margin-top:auto}.socials{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.socials a{color:var(--text-color);text-decoration:none;font-weight:600}.socials a:hover{color:var(--primary-color)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media(max-width:768px){h1{font-size:2.5rem}.hero-content{padding:2rem}.watch-option{flex-direction:column;gap:.5rem;text-align:center}}