@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{background:linear-gradient(180deg,#0a0e27,#1a237e 50%,#0f172a);background-attachment:fixed;color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.gradient-title{font-size:clamp(48px,8vw,72px);font-weight:900;background:linear-gradient(135deg,#818cf8,#60a5fa 25%,#66d9ef 50%,#a78bfa 75%,#818cf8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 5s ease infinite;text-align:center;margin-bottom:20px}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#66d9ef);color:white;padding:16px 48px;border-radius:50px;font-size:20px;font-weight:600;border:none;cursor:pointer;box-shadow:0 10px 40px rgba(102,126,234,.4);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block}.hero-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(102,126,234,.6)}.glass-card{background:rgba(30,41,59,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.3);transition:all .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,0,0,.4);border-color:rgba(59,130,246,.4)}.nav-container{background:rgba(15,23,42,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.2);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.stream-card{background:rgba(30,41,59,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.stream-card:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(59,130,246,.3);border-color:rgba(102,126,234,.5)}.live-badge{background:#ef4444;color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;animation:pulse 2s infinite}.live-dot{width:8px;height:8px;background:white;border-radius:50%;animation:blink 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.glass-input{background:rgba(30,41,59,.5);border:1px solid rgba(59,130,246,.3);color:white;padding:12px 20px;border-radius:12px;font-size:16px;width:100%;transition:all .3s ease}.glass-input:focus{outline:none;border-color:rgba(102,126,234,.6);background:rgba(30,41,59,.7);box-shadow:0 0 20px rgba(102,126,234,.3)}.hero-section{min-height:100vh;display:flex;flex-direction:column}.content-section{max-width:1200px;margin:0 auto;padding:40px 20px;width:100%}.logo-circle{width:180px;height:180px;border-radius:50%;background:rgba(59,130,246,.1);border:2px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 40px;transition:all .3s ease}.logo-circle:hover{transform:scale(1.1);border-color:rgba(102,126,234,.6);box-shadow:0 0 40px rgba(59,130,246,.4)}.error-container,[class*=error-boundary]{display:none!important}*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}@media (max-width:768px){.container{padding:10px!important}h1{font-size:2rem!important}button{width:100%!important;font-size:1rem!important}}