@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#000814,#001d3d 10%,#003566 30%,#006ba6 50%,#0496ff 70%,#41b6ff 90%,#6fccff);background-attachment:fixed;color:#fff;min-height:100vh}.header-content{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid hsla(0,0%,100%,.1)}.header-title-earth{font-size:48px;font-weight:900;background:linear-gradient(135deg,#fff,#00d4ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.header-subtitle{color:hsla(0,0%,100%,.9);font-size:18px}.gradient-title{background:linear-gradient(135deg,#0496ff,#41b6ff 25%,#00b4d8 50%,#0077b6 75%,#0496ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-button{background:linear-gradient(135deg,#0077b6,#0096c7 50%,#00b4d8);color:#fff;padding:16px 48px;border-radius:50px;font-size:20px;font-weight:600;border:none;cursor:pointer;box-shadow:0 10px 40px rgba(0,119,182,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(0,180,216,.6);background:linear-gradient(135deg,#00b4d8,#41b6ff 50%,#6fccff)}.earth-view{background:radial-gradient(ellipse at top,#00d4ff,transparent),radial-gradient(ellipse at bottom,#004e92,transparent),linear-gradient(180deg,#000014,#000428 10%,#004e92 40%,#09f 70%,#0bf 85%,#87ceeb);min-height:100vh}@keyframes skyPulse{0%,to{background:linear-gradient(45deg,#0072ff,#00c6ff)}50%{background:linear-gradient(45deg,#09f,#00d4ff)}}.live-bg{animation:skyPulse 4s ease-in-out infinite}.earth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,rgba(0,119,182,.1) 50%,rgba(0,53,102,.3) 100%);pointer-events:none;z-index:1}.altitude-gradient{background:linear-gradient(180deg,#000014 0,#000428 20%,#003566 40%,#0077b6 60%,#0096c7 80%,#48cae4)}.ocean-gradient{background:linear-gradient(180deg,#48cae4 0,#00b4d8 20%,#0096c7 40%,#0077b6 60%,#023e8a 80%,#03045e)}.glass-card{background:rgba(0,119,182,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,180,216,.3);border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(0,53,102,.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(0,53,102,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,180,216,.3);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:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7);transform:scale(1)}50%{box-shadow:0 0 20px 10px rgba(239,68,68,0);transform:scale(1.05)}to{box-shadow:0 0 0 0 rgba(239,68,68,0);transform:scale(1)}}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.stream-wrapper{background:linear-gradient(180deg,#000814,#0496ff 70%);min-height:100vh;position:relative}.dashboard-wrapper{background:linear-gradient(135deg,#003566,#006ba6);min-height:100vh;padding:20px}.modal-wrapper{background:rgba(0,53,102,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px}.success-wrapper{background:linear-gradient(45deg,#00b4d8,#0f8);min-height:100vh;display:flex;align-items:center;justify-content:center}.chat-wrapper{background:rgba(0,119,182,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,216,.3);border-radius:15px;height:600px}.video-wrapper{background:#000;border-radius:20px;overflow:hidden;position:relative}.glass-input{background:rgba(30,41,59,.5);border:1px solid rgba(59,130,246,.3);color:#fff;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}@media (max-width:768px){.container{padding:10px!important}h1{font-size:2rem!important}button{width:100%!important;font-size:1rem!important}}