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}body{background:linear-gradient(180deg,#2b1d4a,#3d2e6b);color:#f0e6d2;font-family:Poppins,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}.app{margin:0 auto;max-width:1400px;padding:30px;position:relative;z-index:1}.starry-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a2e85,#8a5db5,#d4af37);border:1px solid hsla(0,0%,100%,.18);border-radius:20px;box-shadow:0 8px 32px rgba(31,38,135,.37);margin-bottom:50px;overflow:hidden;padding:50px 20px;position:relative;text-align:center;z-index:1}.header:before{animation:glow 8s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}@keyframes glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f0e6d2,#d4af37);-webkit-background-clip:text;font-size:4rem;font-weight:800;letter-spacing:3px;margin:0;text-shadow:0 0 20px hsla(0,0%,100%,.5);text-transform:uppercase}.subtitle,.title{position:relative;z-index:1}.subtitle{color:#e6d8a7;font-size:1.6rem;font-weight:300;margin:15px 0 25px;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.auth-section{align-items:center;margin-top:25px;padding:10px;position:relative;z-index:2}.auth-section,.login-form,.signup-form{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.login-form input,.signup-form input{background:hsla(0,0%,100%,.1);border:none;border-radius:12px;box-shadow:inset 0 2px 5px rgba(0,0,0,.2);color:#f0e6d2;font-size:1rem;padding:12px;transition:all .3s ease}.login-form input:focus,.signup-form input:focus{background:hsla(0,0%,100%,.2);box-shadow:0 0 15px rgba(212,175,55,.3);outline:none}.auth-btn{background:linear-gradient(45deg,#8a5db5,#d4af37);border:none;border-radius:12px;color:#2b1d4a;cursor:pointer;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;z-index:2}.auth-btn:active,.auth-btn:hover{box-shadow:0 5px 15px rgba(212,175,55,.5);transform:translateY(-3px)}.landing-section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.15);margin-bottom:40px;padding:40px 20px;text-align:center}.landing-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#d4af37,#8a5db5);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.landing-text{color:#e6d8a7;font-size:1.4rem;line-height:1.6;margin:0 0 20px}.cta-btn{background:linear-gradient(45deg,#d4af37,#8a5db5);border:none;border-radius:12px;color:#2b1d4a;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.cta-btn:active,.cta-btn:hover{box-shadow:0 5px 15px rgba(212,175,55,.5);transform:scale(1.05)}.landing-disclaimer{color:#b8a9d1;font-size:1rem;font-style:italic;margin-top:20px}.featured-section{margin-bottom:40px;text-align:center}.featured-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#d4af37,#8a5db5);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:20px}.featured-video{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.15);padding:20px}.main{padding:0 20px}.upload-form{background:hsla(0,0%,100%,.05);border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px;padding:20px}.upload-form input{background:hsla(0,0%,100%,.1);border:none;border-radius:12px;box-shadow:inset 0 2px 5px rgba(0,0,0,.2);color:#f0e6d2;font-size:1rem;padding:12px;transition:all .3s ease}.upload-form input:focus{background:hsla(0,0%,100%,.2);box-shadow:0 0 15px rgba(212,175,55,.3);outline:none}.upload-btn{background:linear-gradient(45deg,#4a2e85,#8a5db5);border:none;border-radius:12px;color:#f0e6d2;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.upload-btn:active,.upload-btn:hover{box-shadow:0 5px 15px rgba(138,93,181,.5);transform:translateY(-3px)}.video-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.video-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.video-card:active,.video-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.25);transform:scale(1.03)}.video-card:before{color:#d4af37;content:"▶";font-size:3rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.video-card:active:before,.video-card:hover:before{opacity:.8}.video-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#d4af37,#8a5db5);-webkit-background-clip:text;font-size:1.6rem;font-weight:700;margin:15px}.video-description{color:#e6d8a7;font-size:1rem;margin:0 15px 15px}.video-uploader{color:#b8a9d1;font-size:.9rem;margin:0 15px 15px}.loader{animation:spin 1s ease-in-out infinite,glowPulse 2s infinite;border:5px solid #d4af37;border-radius:50%;border-top-color:transparent;height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px rgba(212,175,55,.5)}50%{box-shadow:0 0 20px #d4af37}}.no-videos{color:#d4af37;font-size:1.8rem;text-align:center;text-shadow:0 0 10px rgba(212,175,55,.5)}.history-modal{align-items:center;background:rgba(43,29,74,.9);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.history-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.15);max-width:600px;padding:20px;position:relative;width:90%}.history-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#d4af37,#8a5db5);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:15px;text-align:center}.history-text{color:#e6d8a7;font-size:1.2rem;line-height:1.6;margin-bottom:20px}.close-btn{background:linear-gradient(45deg,#8a5db5,#d4af37);border:none;border-radius:12px;color:#2b1d4a;cursor:pointer;display:block;font-weight:600;margin:0 auto;padding:10px 20px;transition:transform .2s,box-shadow .2s}.close-btn:active,.close-btn:hover{box-shadow:0 5px 15px rgba(212,175,55,.5);transform:translateY(-3px)}.nav-section{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.contact-section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.15);margin-bottom:40px;padding:40px 20px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:500px}.contact-form input,.contact-form textarea{background:hsla(0,0%,100%,.1);border:none;border-radius:12px;box-shadow:inset 0 2px 5px rgba(0,0,0,.2);color:#f0e6d2;font-size:1rem;padding:12px;transition:all .3s ease}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{background:hsla(0,0%,100%,.2);box-shadow:0 0 15px rgba(212,175,55,.3);outline:none}.contact-btn{background:linear-gradient(45deg,#4a2e85,#8a5db5);border:none;border-radius:12px;color:#f0e6d2;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.contact-btn:active,.contact-btn:hover{box-shadow:0 5px 15px rgba(138,93,181,.5);transform:translateY(-3px)}.resource-list{list-style:none;margin:0 auto;max-width:600px;padding:0}.resource-list li{margin-bottom:15px}.resource-link{color:#d4af37;font-size:1.2rem;text-decoration:none;transition:color .3s ease}.resource-link:hover{color:#8a5db5}@media (max-width:768px){.app{padding:15px}.header{padding:30px 15px}.title{font-size:2.5rem}.subtitle{font-size:1.2rem}.auth-section{gap:10px;padding:5px}.login-form,.signup-form,.upload-form{flex-direction:column;max-width:300px;width:100%}.login-form input,.signup-form input,.upload-form input{border-radius:10px;font-size:.9rem;padding:10px}.auth-btn,.contact-btn,.cta-btn,.upload-btn{padding:10px 20px}.landing-section{padding:20px 10px}.landing-title{font-size:1.8rem}.landing-text{font-size:1rem}.cta-btn{display:block;margin:20px auto;width:80%}.landing-disclaimer{font-size:.8rem}.featured-section{padding:0 10px}.featured-title{font-size:1.6rem}.featured-video{margin:0 5px;padding:15px}.main{padding:0 10px}.upload-form{margin-bottom:30px;padding:15px}.video-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.video-title{font-size:1.4rem}.video-description{font-size:.9rem}.video-uploader{font-size:.8rem}.loader{height:40px;width:40px}.history-title{font-size:1.6rem}.history-text{font-size:1rem}.history-content{padding:15px}.nav-section{gap:10px}.contact-form{padding:15px}}@media (max-width:480px){.title{font-size:2rem}.subtitle{font-size:1rem}.auth-btn,.contact-btn,.cta-btn,.upload-btn{padding:8px 16px}.landing-title{font-size:1.5rem}.landing-text{font-size:.9rem}.cta-btn{width:90%}.featured-video>div{height:25vh!important}.video-grid{gap:10px;grid-template-columns:1fr}.video-title{font-size:1.2rem}.video-description{font-size:.8rem}.video-uploader{font-size:.7rem}.no-videos{font-size:1.2rem}.loader{height:36px;width:36px}.history-title{font-size:1.4rem}.history-text{font-size:.9rem}.close-btn{padding:8px 16px}.resource-link{font-size:1rem}}
/*# sourceMappingURL=main.03b526dd.css.map*/