:root{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#f3f3f3eb;background-color:#0b0b0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,rgba(212,175,55,.06),transparent 60%),linear-gradient(180deg,#0b0b0f,#0e0e14 60%,#0b0b0f);color:#f3f3f3;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#0a0a0ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(212,175,55,.15);box-shadow:0 8px 20px #00000059}.header .container{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:1rem}.logo-img{height:44px;width:auto;border-radius:8px;box-shadow:0 6px 18px #d4af3726;border:1px solid rgba(212,175,55,.25)}.logo{font-family:Playfair Display,serif;font-size:2rem;font-weight:800;letter-spacing:.5px;background:linear-gradient(45deg,#d4af37,#f6e27a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-menu{display:flex;align-items:center;gap:1rem}.admin-link{color:#d4af37;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(212,175,55,.5);border-radius:8px;transition:all .3s}.admin-link:hover{background:#d4af37;color:#0b0b0f}.logout-btn{background:#c0392b;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .3s}.logout-btn:hover{background:#a93226}.auth-links{display:flex;gap:1rem}.auth-links a{color:#d4af37;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(212,175,55,.5);border-radius:8px;transition:all .3s}.auth-links a:hover{background:#d4af37;color:#0b0b0f}.hero{padding:4rem 0;text-align:center}.hero-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.hero h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(45deg,#f6e27a,#d4af37 60%,#f6e27a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h2{font-size:1.5rem;color:#d4af37;margin-bottom:1.5rem}.hero h1{font-family:Playfair Display,serif}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#ffffffe6}.creator-info{background:#ffffff0f;padding:1.5rem;border-radius:12px;text-align:left;border:1px solid rgba(212,175,55,.12)}.creator-info h3{color:#d4af37;margin-bottom:1rem}.placeholder-avatar{width:200px;height:200px;background:linear-gradient(45deg,#d4af37,#f6e27a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin:0 auto}.hero-profile-img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin:0 auto;display:block;border:3px solid #d4af37}.video-gallery{padding:4rem 0}.video-gallery h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#d4af37}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.video-card{background:#ffffff0f;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;border:1px solid rgba(212,175,55,.15)}.video-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #00000059}.video-thumbnail{position:relative;cursor:pointer;min-height:300px}.video-player iframe{width:100%;height:300px}.locked-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:#000000b3;transition:all .3s}.locked-overlay:hover{background:#000c}.lock-icon{font-size:3rem;margin-bottom:1rem}.video-info{padding:1.5rem}.video-title{font-size:1.3rem;margin-bottom:1rem;color:#d4af37}.video-description{line-height:1.6;margin-bottom:1rem;color:#ffffffe6;max-height:120px;overflow-y:auto}.video-meta{display:flex;justify-content:space-between;color:#ffffffb3;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#121217;border-radius:16px;padding:2rem;max-width:400px;width:90%;border:1px solid rgba(212,175,55,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{color:#d4af37}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.password-form{display:flex;flex-direction:column;gap:1rem}.password-input{padding:.75rem;border:1px solid rgba(212,175,55,.25);border-radius:8px;background:#ffffff0f;color:#fff;font-size:1rem}.password-input::placeholder{color:#ffffff80}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s}.cancel-btn{background:#ffffff14;color:#fff}.submit-btn{background:#d4af37;color:#0b0b0f}.submit-btn:hover{background:#e0c35a}.error-message{color:#ff4757;text-align:center;margin:1rem 0;padding:.75rem;background:#ff47571a;border-radius:8px;border:1px solid rgba(255,71,87,.3)}.success-message{color:#d4af37;text-align:center;margin:1rem 0;padding:.75rem;background:#d4af371a;border-radius:8px;border:1px solid rgba(212,175,55,.3)}.auth-container{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.auth-welcome{text-align:center;margin-bottom:1rem}.auth-welcome h1{font-size:3rem;background:linear-gradient(45deg,#f6e27a,#d4af37 60%,#f6e27a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.auth-welcome p{font-size:1.2rem;color:#fffc}.auth-form{background:#ffffff0f;padding:3rem;border-radius:16px;max-width:400px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.15)}.auth-form h2{text-align:center;margin-bottom:2rem;color:#d4af37}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6}.form-group input{width:100%;padding:.75rem;border:1px solid rgba(212,175,55,.25);border-radius:8px;background:#ffffff0f;color:#fff;font-size:1rem}.form-group input::placeholder{color:#ffffff80}.submit-btn{width:100%;padding:1rem;background:#d4af37;color:#0b0b0f;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .3s}.submit-btn:hover:not(:disabled){background:#e0c35a}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;color:#ffffffb3}.auth-switch a{color:#d4af37;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.splash-screen{position:fixed;inset:0;background:radial-gradient(1200px 600px at 50% -10%,rgba(212,175,55,.06),transparent 60%),linear-gradient(180deg,#0b0b0f,#0e0e14 60%,#0b0b0f);display:flex;align-items:center;justify-content:center;z-index:10000}.splash-content{text-align:center;color:#fff}.splash-logo{width:150px;height:auto;margin-bottom:2rem}.splash-content h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#f6e27a,#d4af37 60%,#f6e27a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.countdown{font-size:4rem;font-weight:700;color:#d4af37;margin-top:2rem}.video-card-link{text-decoration:none;color:inherit}.video-preview{position:relative;height:300px;background:#000;display:flex;align-items:center;justify-content:center}.thumbnail-img{width:100%;height:100%;object-fit:cover}.placeholder-thumbnail{width:100%;height:100%;background:linear-gradient(45deg,#d4af37,#f6e27a);display:flex;align-items:center;justify-content:center;font-size:3rem}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:all .3s;border:2px solid rgba(212,175,55,.6)}.play-overlay:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.play-icon{color:#d4af37;font-size:2rem;margin-left:5px}.duration-badge{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:600;color:#0b0b0f;background:linear-gradient(135deg,#f6e27a,#d4af37);border-radius:999px;box-shadow:0 10px 20px #d4af374d;border:1px solid rgba(212,175,55,.6)}.auth-prompt{text-align:center;padding:4rem 2rem;background:#ffffff0f;border-radius:16px;margin:2rem 0;border:1px solid rgba(212,175,55,.15)}.auth-prompt h3{font-size:2rem;margin-bottom:1rem;color:#d4af37}.auth-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.signup-btn,.login-btn{padding:1rem 2rem;border-radius:8px;text-decoration:none;transition:all .3s}.signup-btn{background:#d4af37;color:#0b0b0f}.login-btn{background:transparent;color:#d4af37;border:1px solid rgba(212,175,55,.5)}.signup-btn:hover{background:#e0c35a}.login-btn:hover{background:#d4af37;color:#0b0b0f}.video-page{padding:2rem 0;min-height:calc(100vh - 80px)}.back-button-container{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;color:#d4af37;text-decoration:none;font-size:1.1rem;padding:.75rem 1.5rem;border:1px solid rgba(212,175,55,.5);border-radius:8px;transition:all .3s}.back-button:hover{background:#d4af37;color:#0b0b0f}.video-content{margin-bottom:3rem}.video-player-container{margin-bottom:2rem}.video-player-full iframe{width:100%;height:500px;border-radius:12px}.locked-overlay-full{height:500px;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s;border:1px solid rgba(212,175,55,.2)}.locked-overlay-full:hover{background:#000000e6}.video-details h1{font-size:2rem;margin-bottom:1rem;color:#d4af37}.video-description{line-height:1.6;margin:1rem 0;color:#ffffffe6}.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.comments-section h3{color:#d4af37;margin-bottom:1.5rem}.comment-form{margin-bottom:2rem}.comment-input{width:100%;padding:1rem;border:1px solid rgba(212,175,55,.25);border-radius:8px;background:#ffffff0f;color:#fff;resize:vertical;margin-bottom:1rem}.comment-submit{background:#d4af37;color:#0b0b0f;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer}.comment{background:#ffffff0f;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(212,175,55,.1)}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.comment-username{color:#d4af37;font-weight:700}.comment-date{color:#fff9}.no-comments{text-align:center;color:#fff9;font-style:italic}.admin-panel{padding:2rem 0;min-height:calc(100vh - 80px)}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem}.admin-tabs button{padding:1rem 2rem;background:#ffffff0f;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s;border:1px solid transparent}.admin-tabs button.active{background:#d4af37;color:#0b0b0f;border-color:#d4af3759}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.add-video-btn{background:#d4af37;color:#0b0b0f;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer}.video-form-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.form-content{background:#121217;padding:2rem;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid rgba(212,175,55,.15)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.admin-video-card{background:#ffffff0f;padding:1.5rem;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(212,175,55,.12)}.video-actions{display:flex;gap:1rem;margin-top:1rem}.delete-btn{background:#ff4757}.delete-btn:hover{background:#ff3838}.default-videos-note{background:#ffffff0f;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(212,175,55,.2)}.default-video-urls{margin-top:1rem}.default-video-urls h4{color:#d4af37;margin-bottom:.5rem}.default-video-urls p{margin:.5rem 0;font-size:.9rem;word-break:break-all}.video-url-info{margin:.5rem 0;padding:.5rem;background:#0000004d;border-radius:4px}.video-url-info small{color:#ffffffb3;word-break:break-all}.footer{background:#0a0a0ed9;padding:2rem 0;margin-top:4rem;border-top:1px solid rgba(212,175,55,.15)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;align-items:center;gap:1rem}.admin-icon-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.3;transition:opacity .3s}.admin-icon-btn:hover{opacity:1}.no-videos{text-align:center;padding:2rem;color:#fff9}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero h1{font-size:2rem}.video-grid{grid-template-columns:1fr}.placeholder-avatar{width:150px;height:150px;font-size:2rem}.auth-buttons,.admin-tabs{flex-direction:column}.video-player-full iframe,.locked-overlay-full{height:300px}}