@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6c5ce7;--secondary-color:#a29bfe;--accent-color:#00b894;--background-color:#2d3436;--text-color:#dfe6e9;--card-background:#353b48}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#2d3436;background-color:var(--background-color);color:#dfe6e9;color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3436f2;display:flex;justify-content:space-between;padding:1rem 5%;position:fixed;top:0;width:100%;z-index:1000}.logo{color:#6c5ce7;color:var(--primary-color);font-size:1.5rem;font-weight:700}.logo span{color:#a29bfe;color:var(--secondary-color)}.nav-links{display:flex;gap:1rem}.nav-links a{border-radius:5px;color:#dfe6e9;color:var(--text-color);padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-links a.active,.nav-links a:hover{background-color:#6c5ce7;background-color:var(--primary-color)}.hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1603739903239-8b6e64c3b185?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80);background-position:50%;background-size:cover;height:100vh;justify-content:center;padding:0 1rem}.hero-content{max-width:800px}.hero-content h1{color:#fff;font-size:4rem;line-height:1.2;margin-bottom:1rem}.hero-content p{color:#dfe6e9;color:var(--text-color);font-size:1.5rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.watch-btn{background:#6c5ce7;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.watch-btn:hover{box-shadow:0 4px 15px #6c5ce74d;transform:translateY(-2px)}.streams-section{padding:5rem 5%}.streams-section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}.stream-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.stream-filters button{background:#353b48;background:var(--card-background);border:none;border-radius:5px;color:#dfe6e9;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:all .3s ease}.stream-filters button.active,.stream-filters button:hover{background:#6c5ce7;background:var(--primary-color)}.streams-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stream-card{background:#353b48;background:var(--card-background);border-radius:10px;overflow:hidden;transition:transform .3s ease}.stream-card:hover{transform:translateY(-5px)}.stream-card img{height:200px;object-fit:cover;width:100%}.stream-info{padding:1.5rem}.stream-info h3{font-size:1.2rem;margin-bottom:.5rem}.stream-info p{color:#dfe6e9;color:var(--text-color);margin-bottom:.5rem;opacity:.8}.about-section{background:#353b48;background:var(--card-background);padding:5rem 5%;text-align:center}.about-section h2{font-size:2.5rem;margin-bottom:1.5rem}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature{padding:2rem}.feature i{color:#6c5ce7;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.contact-section{padding:5rem 5%;text-align:center}.contact-section h2{font-size:2.5rem;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:600px}.contact-form input,.contact-form textarea{background:#353b48;background:var(--card-background);border:none;border-radius:5px;color:#dfe6e9;color:var(--text-color);font-size:1rem;padding:1rem}.contact-form textarea{height:150px;resize:vertical}.contact-form button{background:#6c5ce7;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:all .3s ease}.contact-form button:hover{background:#a29bfe;background:var(--secondary-color);transform:translateY(-2px)}footer{background:#353b48;background:var(--card-background);padding:3rem 5% 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer-section h3{color:#6c5ce7;color:var(--primary-color);margin-bottom:1rem}.footer-section a{color:#dfe6e9;color:var(--text-color);margin-bottom:.5rem;text-decoration:none}.footer-section a:hover{color:#6c5ce7;color:var(--primary-color)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:#dfe6e9;color:var(--text-color);font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#6c5ce7;color:var(--primary-color)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;text-align:center}.content-section{padding:5rem 5%}.container{margin:0 auto;max-width:1200px}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;margin-top:1rem}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.cta-buttons{align-items:center;flex-direction:column}.watch-btn{max-width:300px;text-align:center;width:100%}.contact-grid,.mission-vision{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}}.streamer-container{display:flex;margin-top:50px;padding:20px}.streamer-container,.streamer-content{align-items:center;flex-direction:column;justify-content:center}button,input{margin:10px}.local-stream-preview{margin-top:20px;text-align:center}footer{border-top:1px solid #ddd;margin-top:40px;padding-top:20px}.stream-section{background:#353b48;background:var(--card-background);border:1px solid #353b48;border:1px solid var(--card-background);border-radius:10px;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;padding:20px}.video-container{min-width:300px;text-align:center}.video-preview{border:1px solid #6c5ce7;border:1px solid var(--primary-color);border-radius:10px}.comment-section{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:300px}.comments-list{background:#0000001a;border-radius:5px;flex-grow:1;margin-top:10px;max-height:400px}.comment-input{background:#353b48;background:var(--card-background);border:1px solid #6c5ce7;border:1px solid var(--primary-color);border-radius:5px;color:#dfe6e9;color:var(--text-color);font-size:1rem;margin-top:10px;padding:10px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.streamer-content{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.streamer-content input[type=text]{border:2px solid #ccc;border-radius:5px;font-size:16px;margin-right:10px;outline:none;padding:10px 15px}.streamer-content input[type=text]:focus{border-color:#007bff}.streamer-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.streamer-content button:hover{background-color:#0056b3}.stream-section{align-items:center;display:flex;flex-direction:column;margin-top:20px}.video-container{background:#000;border-radius:10px;box-shadow:0 4px 10px #0000004d;margin-bottom:20px;max-width:800px;overflow:hidden;width:70%}.video-preview{display:block;height:auto;width:100%}.control-buttons{margin:20px 0}.control-buttons button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;padding:10px 15px}.control-buttons button:hover{background-color:#218838}.control-buttons button:nth-child(3){background-color:#dc3545}.control-buttons button:nth-child(3):hover{background-color:#c82333}.comment-section{background:#f8f9fa;border-radius:10px;box-shadow:0 4px 8px #0003;color:#333;max-width:300px;padding:20px;position:sticky;top:0;width:25%}.comment-section h3{color:#007bff;font-size:20px;margin-bottom:15px}.comments-list{max-height:300px}.comment{background:#e9ecef;border-radius:5px;color:#000;margin-bottom:10px;padding:10px}.comment strong{color:#007bff}body{background-color:#f4f6f9;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}a{color:inherit;text-decoration:none}.hero{flex-direction:column;gap:20px;padding:20px;position:relative;text-align:center}.hero,.hero .top-input-container{align-items:center;display:flex;width:100%}.hero .top-input-container{gap:10px;justify-content:center;margin-bottom:20px;max-width:800px}input[type=text]{background-color:#fff;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-right:10px;max-width:400px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.main-content{display:flex;flex:1 1;width:100%}.video-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px;position:relative}#video{border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:1000px;width:100%}#status{color:#555;font-size:18px;font-weight:700;margin-top:10px}.comments-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px;position:fixed;right:0;top:0;width:300px;z-index:10}.comments-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.comments-list{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;max-height:calc(100% - 200px);overflow-y:auto;padding:10px}.comments-list p{background-color:#f0f8ff;border-radius:6px;font-size:14px;margin:5px 0;padding:8px 12px}.comments-section .input-container{align-items:center;display:flex;gap:10px;justify-content:center}.comments-section input[type=text]{background-color:#fff;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:250px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:60%}.comments-section input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.comments-section button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}.comments-section button:hover{background-color:#218838}footer{background-color:#222;color:#fff;padding:40px 20px;text-align:center}.footer-content{display:flex;gap:30px;justify-content:space-between}.footer-section{flex:1 1}.footer-section h3{font-size:18px;font-weight:700;margin-bottom:15px}.footer-section a{color:#ccc;display:block;font-size:14px;margin-bottom:8px;transition:color .3s ease}.footer-section a:hover{color:gold}.social-links a{color:#ccc;font-size:18px;margin:0 10px}.social-links a:hover{color:gold}.footer-bottom{color:#ccc;font-size:14px;margin-top:30px}.login-container *{box-sizing:border-box}.login-container body{align-items:center;background:#fff;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;margin:0;overflow-x:hidden}.login-container h1{font-weight:700;margin:0}.login-container h2{text-align:center}.login-container p{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}.login-container span{font-size:12px}.login-container a{color:#333;font-size:14px;margin:15px 0;text-decoration:none}.login-container button{background-color:#bd0c0c;border:1px solid #ff4b2b;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}.login-container button:active{transform:scale(.95)}.login-container button:focus{outline:none}.login-container button.ghost{background-color:initial;border-color:#fff}.login-container form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}.login-container input,.login-container select{background-color:#eee;border:none;font-size:14px;margin:8px 0;padding:12px 15px;width:100%}.login-container .container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;margin-top:100px;max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px}.login-container .form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.login-container .sign-in-container{left:0;width:50%;z-index:2}.login-container .container.right-panel-active .sign-in-container{transform:translateX(100%)}.login-container .sign-up-container{left:0;opacity:0;width:50%;z-index:1}.login-container .container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.login-container .overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.login-container .container.right-panel-active .overlay-container{transform:translateX(-100%)}.login-container .overlay{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform .6s ease-in-out;width:200%}.login-container .container.right-panel-active .overlay{transform:translateX(50%)}.login-container .overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.login-container .overlay-left{transform:translateX(-20%)}.login-container .container.right-panel-active .overlay-left{transform:translateX(0)}.login-container .overlay-right{right:0;transform:translateX(0)}.login-container .container.right-panel-active .overlay-right{transform:translateX(20%)}.login-container .social-container{margin:20px 0}.login-container .social-container a{align-items:center;border:1px solid #ddd;border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin:0 5px;width:40px}@media (max-width:768px){.login-container body{padding:0 10px}.login-container .container{margin-top:120px;width:100%}}
/*# sourceMappingURL=main.ed0c9fa3.css.map*/