@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&display=swap);.navbar{background:#0000;padding:1.5rem 0;position:fixed;top:0;transition:all .5s cubic-bezier(.16,1,.3,1);width:100%;z-index:1000}.navbar.scrolled{backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#0a0f1ed9;border-bottom:1px solid #ffffff1a;box-shadow:0 10px 40px #0006;padding:.8rem 0}.nav-content{justify-content:space-between}.logo,.nav-content{align-items:center;display:flex;position:relative}.logo{color:#fff;font-family:Poppins,sans-serif;font-size:2rem;font-weight:900;letter-spacing:-1.5px;text-decoration:none;z-index:2}.logo-img{border-radius:50%;display:none;height:40px;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#818cf8);-webkit-background-clip:text;text-transform:uppercase}.logo-dot{color:#6366f1;font-size:3rem;line-height:0;margin-left:1px;text-shadow:0 0 20px #6366f199}.nav-links{align-items:center;display:flex;gap:3rem;list-style:none}.nav-links li{position:relative}.nav-links a{color:#ffffffb3;font-size:.85rem;font-weight:600;letter-spacing:1px;padding:.5rem 0;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-links a:hover{color:#818cf8;text-shadow:0 0 10px #6366f166}.nav-links a:before{background:linear-gradient(90deg,#0000,#6366f1,#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);width:0}.nav-links a:hover:before{width:100%}.nav-share-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:1px;padding:.5rem 0;position:relative;text-transform:uppercase;transition:all .3s ease}.nav-share-btn:hover{color:#818cf8;text-shadow:0 0 10px #6366f166}.nav-share-btn:before{background:linear-gradient(90deg,#0000,#6366f1,#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);width:0}.nav-share-btn:hover:before{width:100%}.hamburger,.mobile-divider,.mobile-only-header{display:none}.hamburger{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;flex-direction:column;gap:5px;padding:12px;transition:all .3s ease;z-index:1001}.hamburger:hover{background:#ffffff1a}.hamburger span{background-color:#fff;border-radius:4px;height:2px;transition:all .3s ease;width:24px}.user-profile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.5rem;padding:.5rem 1.2rem}.user-name{color:#fff;font-size:.85rem;font-weight:700}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:14px;color:#fca5a5;cursor:pointer;display:flex;font-size:.75rem;font-weight:800;gap:.8rem;letter-spacing:1px;padding:.6rem 1.4rem;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.logout-btn:hover{background:#ef4444;border-color:#0000;box-shadow:0 10px 25px #ef444466;color:#fff;transform:translateY(-3px) scale(1.02)}.logout-btn:before{content:"\f2f5";font-family:Font Awesome\ 5 Free;font-size:.9rem;font-weight:900}.btn-nav{border-radius:14px;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.8rem;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-nav-login{background:#ffffff0d;border:1px solid #ffffff1a!important;color:#fff!important}.btn-nav-login:hover{background:#ffffff26;border-color:#fff3!important;transform:translateY(-3px)}.btn-nav-signup{background:#6366f1!important;box-shadow:0 10px 20px -5px #6366f166;color:#fff!important}.btn-nav-signup:hover{background:#4f46e5!important;box-shadow:0 15px 30px -5px #6366f180;transform:translateY(-3px) scale(1.02)}@media (max-width:1200px){.nav-links{gap:2rem}}@media (max-width:992px){.hamburger{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;display:flex;padding:10px}.nav-links{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0a0f1e;box-shadow:-20px 0 50px #000c;flex-direction:column;height:100vh;max-width:100%;overflow-y:auto;padding:8rem 3rem;position:fixed;right:-100%;top:0;transition:all .6s cubic-bezier(.16,1,.3,1);width:100%;z-index:1000}.nav-links.active{right:0}.logo{font-size:1.5rem;z-index:2000}.logo-img{display:block;height:35px}.logo-dot,.logo-text{display:none!important}.logo-text{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:unset!important;color:#fff!important}.nav-links.active li:first-child{transition-delay:.1s}.nav-links.active li:nth-child(2){transition-delay:.2s}.nav-links.active li:nth-child(3){transition-delay:.3s}.nav-links.active li:nth-child(4){transition-delay:.4s}.nav-links.active li:nth-child(5){transition-delay:.5s}.nav-links.active li:nth-child(6){transition-delay:.6s}.nav-links a{border-bottom:1px solid #ffffff0d;color:#fff!important;display:block;font-size:1.2rem;font-weight:700;padding:1.2rem 0}.btn-nav{display:block;margin:1.5rem 0;text-align:center}.mobile-only-header{border-bottom:2px solid #818cf833;color:#818cf8;display:block;font-size:.75rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem;padding:1rem 0;text-transform:uppercase}.mobile-divider{background:#ffffff1a;display:block;height:1px;margin:2rem 0}.user-profile{align-items:flex-start;border-radius:20px;flex-direction:column;padding:1.5rem}}@media (max-width:480px){.nav-links{max-width:100%}}.main-footer{background:linear-gradient(#0a0f1ee6,#0a0f1ef2),url(https://i.imgur.com/veOEaC1.png);background-attachment:fixed;background-position:50%;background-size:cover;border-top:1px solid #ffffff1a;color:#f1f5f9;padding:10rem 0 4rem;position:relative}.footer-grid{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:8rem}.footer-brand p{color:#94a3b8;font-size:1.1rem;line-height:1.8;margin:2.5rem 0}.footer-logo{align-items:center;color:#fff;display:flex;font-size:2.5rem;font-weight:900;letter-spacing:-1.5px;text-decoration:none}.social-links{display:flex;gap:1.5rem}.social-links a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#fff;display:flex;font-size:.85rem;font-weight:800;height:50px;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);width:50px}.social-links a:hover{background:#6366f1;border-color:#6366f1;box-shadow:0 15px 30px #6366f14d;color:#fff;transform:translateY(-10px) rotate(8deg)}.footer-links h3,.footer-newsletter h3{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:1.5px;margin-bottom:2.5rem;text-transform:uppercase}.footer-links ul{display:flex;flex-direction:column;gap:1.5rem;list-style:none}.footer-links a{color:#94a3b8;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#818cf8;padding-left:10px}.footer-newsletter p{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.newsletter-form{display:flex;flex-direction:column;gap:1.2rem}.newsletter-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;color:#fff;font-family:inherit;padding:1.2rem 1.8rem;transition:all .3s ease;width:100%}.newsletter-form input:focus{background:#ffffff0f;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.newsletter-form button{background:#6366f1;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:1px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.newsletter-form button:hover{background:#4f46e5;box-shadow:0 15px 30px #6366f14d;transform:translateY(-5px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff14;color:#64748b;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding-top:5rem}.footer-legal{display:flex;gap:3rem}.footer-legal a{color:#64748b;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#fff}@media (max-width:1200px){.footer-grid{gap:3rem}}@media (max-width:992px){.footer-grid{gap:4rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.main-footer{padding:8rem 0 4rem}.footer-grid{gap:5rem;grid-template-columns:1fr;text-align:center}.footer-logo,.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:2.5rem;text-align:center}.footer-legal{gap:2rem;justify-content:center}}.floating-mini-player{animation:floatingSlide .8s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:20px;bottom:24px;box-shadow:0 15px 40px #00000080;cursor:pointer;overflow:hidden;position:fixed;right:24px;transition:all .4s cubic-bezier(.23,1,.32,1);width:320px;z-index:2000}@keyframes floatingSlide{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-mini-player:hover{background:#0f172ae6;border-color:#6366f166;transform:translateY(-8px) scale(1.02)}.mini-player-content{align-items:center;display:flex;justify-content:space-between;padding:14px}.mini-player-info{align-items:center;display:flex;gap:12px;width:65%}.mini-player-thumb{border-radius:12px;box-shadow:0 5px 15px #0006;height:48px;object-fit:cover;width:48px}.mini-player-title{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:2px}.mini-player-artist,.mini-player-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-artist{color:#94a3b8;font-size:.75rem}.mini-player-controls{align-items:center;display:flex;gap:10px}.mini-ctrl-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;transition:all .3s ease;width:34px}.mini-ctrl-btn:hover{background:#ffffff1a;color:#6366f1}.mini-ctrl-btn.main{background:#fff;color:#020617;height:36px;width:36px}.mini-ctrl-btn.main:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.mini-player-progress{background:#ffffff0d;height:4px;width:100%}.mini-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);box-shadow:0 0 12px #6366f199;height:100%;transition:width .1s linear}@media (max-width:768px){.floating-mini-player{border-radius:16px;bottom:20px;left:16px;right:16px;width:calc(100% - 32px)}}@media (max-width:480px){.mini-player-content{padding:10px}.mini-player-thumb{height:40px;width:40px}.mini-player-title{font-size:.8rem}.mini-player-artist{font-size:.7rem}.mini-ctrl-btn{font-size:.9rem;height:30px;width:30px}.mini-ctrl-btn.main{height:32px;width:32px}}.homepage{background:linear-gradient(#0a0f1ee6,#0a0f1ef2),url(https://i.imgur.com/veOEaC1.png);background-attachment:fixed;background-position:50%;background-size:cover;color:#f1f5f9;font-family:Poppins,sans-serif;overflow-x:hidden}.belief-header{margin-bottom:4rem;text-align:center}.belief-header h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.belief-header p{color:#94a3b8;font-size:1.2rem}.slider-box{margin-bottom:4rem}.slider-labels{color:#64748b;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.current-val{color:#38bdf8;font-size:2.5rem;font-weight:800}.modern-slider{-webkit-appearance:none;background:#0f172a;border-radius:10px;height:12px;outline:none;width:100%}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#38bdf8;border:4px solid #fff;border-radius:50%;box-shadow:0 0 20px #38bdf880;cursor:pointer;height:28px;-webkit-transition:all .2s ease;transition:all .2s ease;width:28px}.belief-form-row{align-items:center;display:flex;gap:2rem}.input-with-icon{flex:1 1;position:relative}.input-with-icon i{color:#475569;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{background:#0f172a;border:1px solid #ffffff1a;border-radius:1rem;color:#fff;font-size:1rem;padding:1.2rem 1.2rem 1.2rem 3.5rem;width:100%}.helper-text{color:#475569;font-size:.85rem;margin-top:1.5rem;text-align:center}.assurance-display{align-items:center;animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:4rem;display:flex;gap:4rem;margin:0 auto;max-width:900px;padding:5rem}.assurance-icon{align-items:center;background:#38bdf81a;border-radius:3rem;color:#38bdf8;display:flex;font-size:4rem;height:120px;justify-content:center;width:120px}.celebration-mode .assurance-icon{background:#fbbf241a;color:#fbbf24}.assurance-text h2{font-size:2.5rem;margin-bottom:1rem}.assurance-text p{color:#94a3b8;font-size:1.2rem;line-height:1.7;margin-bottom:2rem}.btn-link{background:none;border:none;color:#64748b;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}@media (max-width:768px){.assurance-display,.belief-card{flex-direction:column;padding:3rem;text-align:center}.belief-form-row{flex-direction:column}.input-with-icon{width:100%}}.point:hover{transform:translateX(15px) scale(1.02)}.point h3{margin-bottom:.5rem}.books-section{padding:12rem 0}.resources-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1.5fr 1fr}.resource-card.primary-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#14192d66;border:1px solid #ffffff1a;border-radius:4rem;box-shadow:0 40px 100px #0000004d;display:flex;gap:5rem;padding:5rem;transition:all .5s cubic-bezier(.16,1,.3,1)}.resource-card.primary-card:hover{border-color:#6366f14d;box-shadow:0 60px 120px #00000080;transform:translateY(-15px)}.book-3d-wrapper{perspective:1000px;position:relative;width:280px}.book-image{border-radius:8px 25px 25px 8px;box-shadow:20px 20px 60px #00000080;height:auto;transform:rotateY(-20deg) rotateX(5deg);transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.primary-card:hover .book-image{transform:rotateY(-5deg) rotateX(0deg)}.resource-tag{background:#6366f126;border:1px solid #6366f133;border-radius:50px;color:#818cf8;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:2rem;padding:.5rem 1.2rem;text-transform:uppercase}.resource-info h3{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1.5rem}.resource-info p{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.resource-meta{display:flex;gap:2rem;margin-bottom:3.5rem}.meta-item{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:.8rem}.resource-actions{display:flex;gap:2rem}.btn-glow{box-shadow:0 0 30px #6366f14d}.other-resources{display:flex;flex-direction:column;gap:2.5rem}.card-sm-content p{margin-bottom:1rem}.status-badge{color:#6366f1;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.status-message{border-radius:1.5rem;font-weight:600;margin-top:4rem;padding:1.5rem;text-align:center}.status-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#4ade80}@media (max-width:1200px){.resource-card.primary-card{align-items:center;flex-direction:column;gap:4rem;padding:4rem;text-align:center}.resource-actions,.resource-meta{justify-content:center}}@media (max-width:992px){.resources-container{grid-template-columns:1fr}.other-resources{flex-direction:row}.resource-card-sm{flex:1 1;flex-direction:column;text-align:center}}@media (max-width:768px){.other-resources{flex-direction:column}.resource-card.primary-card{border-radius:3rem;padding:3rem 2rem}.resource-info h3{font-size:2rem}.resource-actions{flex-direction:column;gap:1rem;width:100%}.resource-actions .btn{width:100%}.resource-meta{flex-wrap:wrap;gap:1.5rem;justify-content:center}}@media (max-width:480px){.book-3d-wrapper{width:200px}.resource-card-sm{padding:2rem 1.5rem}.section-title{font-size:2.2rem}.section-subtitle{font-size:1rem}}.hero-section{background:radial-gradient(circle at 0 0,#6366f10d 0,#0000 50%);min-height:100vh}.hero-visual{perspective:1000px}.hero-visual,.music-stack-premium{align-items:center;display:flex;justify-content:center}.music-stack-premium{height:300px;position:relative;width:300px}.stack-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14192d66;border:1px solid #ffffff1a;border-radius:2rem;box-shadow:0 20px 40px #0000004d;color:#38bdf8;display:flex;font-size:2.5rem;height:120px;justify-content:center;position:absolute;transition:all .6s cubic-bezier(.16,1,.3,1);width:120px}.item-1{color:#38bdf8;transform:rotate(-15deg) translate(-40px,-20px);z-index:3}.item-2{color:#818cf8;opacity:.8;transform:rotate(10deg) translate(30px,10px);z-index:2}.item-3{color:#6366f1;opacity:.6;transform:rotate(25deg) translate(10px,40px);z-index:1}.music-stack-premium:hover .item-1{transform:rotate(-5deg) translate(-20px,-10px)}.music-stack-premium:hover .item-2{transform:rotate(5deg) translate(15px,5px)}.music-stack-premium:hover .item-3{transform:rotate(15deg) translate(5px,20px)}.floating-notes i{animation:float-note 4s ease-in-out infinite;color:#38bdf8;font-size:1.2rem;opacity:.5;position:absolute}.note-1{animation-delay:0s;right:0;top:0}.note-2{animation-delay:1s;bottom:20%;left:-10%}.note-3{animation-delay:2s;right:-20%;top:40%}@keyframes float-note{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.6;transform:translateY(-20px) rotate(20deg)}}.btn-glow{box-shadow:0 0 30px #38bdf84d}.ml-2{margin-left:.5rem}.hero-grid{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr}.hero-book{perspective:1000px}.book-card-mini{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#14192d66;border:1px solid #ffffff1a;border-radius:3rem;box-shadow:0 40px 100px #0006;padding:3.5rem;transform:rotateY(-10deg);transition:all .6s cubic-bezier(.16,1,.3,1)}.book-card-mini:hover{border-color:#6366f14d;box-shadow:0 60px 120px #6366f126;transform:rotateY(0deg) translateY(-20px)}.music-promo-section-v2{background:#020617;overflow:hidden;padding:12rem 0;position:relative}.promo-bg-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.glow-circle{border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}.glow-circle.primary{animation:float-slow 10s infinite alternate;background:#38bdf8;height:500px;right:-5%;top:-10%;width:500px}.glow-circle.secondary{animation:float-slow 8s infinite alternate-reverse;background:#818cf8;bottom:10%;height:400px;left:5%;width:400px}.promo-layout-v2{grid-gap:8rem;align-items:center;display:grid;gap:8rem;grid-template-columns:1.1fr .9fr;position:relative;z-index:1}.premium-tag{background:#38bdf81a;border:1px solid #38bdf833;border-radius:50px;color:#38bdf8;font-weight:800;letter-spacing:2px;margin-bottom:2rem;padding:.6rem 1.4rem}.promo-title-v2{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;letter-spacing:-2px;margin-bottom:1.5rem}.promo-subtitle-v2{color:#94a3b8;font-size:1.25rem;line-height:1.6;margin-bottom:4rem;max-width:550px}.promo-features-v2{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.promo-feature{align-items:flex-start;display:flex;gap:1.5rem}.feature-icon{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;color:#38bdf8;font-size:1.2rem}.feature-text h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.feature-text p{line-height:1.5}.genre-cloud{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:4.5rem}.genre-tag{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;color:#94a3b8;font-size:.85rem;font-weight:700;padding:.5rem 1.2rem;transition:all .3s ease}.genre-tag:hover{background:#38bdf81a;border-color:#38bdf84d;color:#38bdf8;transform:translateY(-3px)}.btn-glow-premium{box-shadow:0 15px 35px #38bdf84d;font-size:1.1rem!important;letter-spacing:1px!important;padding:1.2rem 2.5rem!important}.promo-visual-v2,.visual-container-premium{align-items:center;display:flex;justify-content:center}.visual-container-premium{height:450px;position:relative;width:100%}.floating-device{animation:device-float 6s ease-in-out infinite;background:#1e293b;border:6px solid #334155;border-radius:3rem;box-shadow:0 50px 100px #00000080;height:480px;padding:1.2rem;position:relative;width:280px;z-index:2}.device-screen{background:#0f172a;border-radius:2rem;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.screen-header{display:flex;justify-content:flex-start;padding:1.5rem}.screen-header .dots{display:flex;gap:6px}.screen-header .dots span{background:#334155;border-radius:50%;height:8px;width:8px}.now-playing-mock{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:2rem;text-align:center}.album-art-mock{align-items:center;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:2rem;box-shadow:0 20px 40px #38bdf84d;color:#fff;display:flex;font-size:3rem;height:140px;justify-content:center;margin-bottom:2.5rem;position:relative;width:140px}.wave-bars{align-items:flex-end;bottom:1.5rem;display:flex;gap:4px;height:20px;position:absolute}.wave-bars span{animation:wave-mock 1s infinite alternate;background:#fff;border-radius:10px;width:3px}.wave-bars span:first-child{animation-delay:.1s;height:8px}.wave-bars span:nth-child(2){animation-delay:.3s;height:16px}.wave-bars span:nth-child(3){animation-delay:.2s;height:12px}.wave-bars span:nth-child(4){animation-delay:.4s;height:10px}.song-info-mock{margin-bottom:2.5rem;width:100%}.mock-line-lg{background:#334155;border-radius:10px;height:10px;margin:0 auto 1rem;width:60%}.mock-line-sm{background:#1e293b;border-radius:10px;height:6px;margin:0 auto;width:40%}.controls-mock{align-items:center;color:#475569;display:flex;font-size:1.2rem;gap:2rem}.controls-mock .fa-play-circle{color:#38bdf8;font-size:2.5rem}.device-shadow{background:#0006;border-radius:50%;bottom:-40px;filter:blur(20px);height:20px;left:50%;position:absolute;transform:translateX(-50%);width:200px;z-index:1}.decorative-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.blob-element{background:radial-gradient(circle,#38bdf80d 0,#0000 70%);height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:0}.spark-1{animation:spark-pulse 3s infinite;color:#38bdf8;left:15%;top:20%}.spark-2{animation:spark-pulse 4s 1s infinite;bottom:30%;color:#818cf8;right:10%}.spark-3{animation:spark-pulse 5s 2s infinite;color:#6366f1;font-size:.8rem;left:-5%;top:60%}@keyframes wave-mock{0%{transform:scaleY(.5)}to{transform:scaleY(1.2)}}@keyframes device-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes spark-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}@media (max-width:1200px){.promo-layout-v2{gap:4rem}}@media (max-width:992px){.promo-layout-v2{gap:6rem;grid-template-columns:1fr;text-align:center}.promo-features-v2,.promo-subtitle-v2{margin-left:auto;margin-right:auto}.genre-cloud{justify-content:center}}@media (max-width:480px){.promo-features-v2{grid-template-columns:1fr;max-width:300px;text-align:left}.floating-device{height:420px;width:240px}}.resources-section{background:#0f172a4d;padding:10rem 0}.resource-featured-card{grid-gap:5rem;align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#14192d66;border:1px solid #ffffff1a;border-radius:4rem;display:grid;gap:5rem;grid-template-columns:1fr 1.5fr;padding:5rem;transition:all .5s ease}.resource-featured-card:hover{border-color:#38bdf84d;transform:translateY(-10px)}.book-3d-premium{perspective:1000px;position:relative}.book-3d-premium img{border-radius:5px 20px 20px 5px;box-shadow:20px 20px 50px #00000080;height:auto;transform:rotateY(-15deg) rotateX(5deg);transition:all .6s ease;width:100%}.resource-featured-card:hover .book-3d-premium img{transform:rotateY(-5deg) rotateX(0deg)}.badge-premium{background:#38bdf81a;border:1px solid #38bdf833;border-radius:50px;color:#38bdf8;display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:1px;margin-bottom:2rem;padding:.6rem 1.2rem;text-transform:uppercase}.resource-details h3{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.resource-details p{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.resource-meta-minimal{color:#64748b;display:flex;font-weight:600;gap:2.5rem;margin-bottom:3rem}.resource-meta-minimal i{color:#38bdf8;margin-right:.8rem}.resource-cta{display:flex;gap:2rem}@media (max-width:992px){.resource-featured-card{gap:4rem;grid-template-columns:1fr;padding:4rem;text-align:center}.resource-visual{margin:0 auto;max-width:300px}.resource-meta-minimal{justify-content:center}.resource-cta{flex-direction:column}.resource-cta .btn{width:100%}}@media (max-width:480px){.resource-featured-card{border-radius:3rem;padding:3rem 2rem}.resource-details h3{font-size:1.8rem}.resource-meta-minimal{align-items:center;flex-direction:column;gap:1rem}}.salvation-section{padding:12rem 0}.salvation-image{height:600px}.books-grid{gap:4rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.book-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#14192d66;border:1px solid #ffffff1a;border-radius:3.5rem;padding:4rem;transition:all .5s cubic-bezier(.16,1,.3,1)}.book-card:hover{background:#14192d99;border-color:#6366f14d;box-shadow:0 50px 100px #0009;transform:translateY(-25px)}@media (max-width:1200px){.hero-grid,.section-grid{gap:4rem}}@media (max-width:992px){.hero-grid,.section-grid{grid-template-columns:1fr;text-align:center}.hero-content,.hero-subtitle,.salvation-content{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-book{margin:4rem auto 0;max-width:500px}.point:hover{transform:translateY(-10px)}.salvation-image{height:400px;margin-top:4rem}}@media (max-width:768px){.books-section,.hero-section,.salvation-section{padding:8rem 0}.hero-title{letter-spacing:-1.5px}.books-grid{grid-template-columns:1fr}.book-card,.book-card-mini,.point{border-radius:2rem;padding:2.5rem}}.book-visual-mini img{height:100%;object-fit:cover;width:100%}.book-badge{background:#6366f1;border-radius:50px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:1rem;padding:.2rem .8rem;text-transform:uppercase}.book-details-mini h3{color:#fff;font-size:1.5rem;margin-bottom:.8rem}.book-details-mini p{color:#94a3b8;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.mini-actions{display:flex;gap:1rem;justify-content:center}.btn-mini{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.btn-mini.outline{background:#0000;border:1px solid #fff3;color:#fff}.btn-mini:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:992px){.hero-grid,.section-grid{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-actions,.mini-actions{justify-content:center}.salvation-image{height:350px;margin-top:2rem}}.about-page.homepage{background:linear-gradient(#0a0f1ee6,#0a0f1ef2),url(https://i.imgur.com/veOEaC1.png);background-attachment:fixed;background-position:50%;background-size:cover;color:#f1f5f9;font-family:Poppins,sans-serif;overflow-x:hidden}.salvation-image{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#14192d4d;border:1px solid #ffffff1a;border-radius:4rem;box-shadow:0 50px 100px #0000004d;display:flex;height:400px;justify-content:center}.quote-box{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:2rem;font-weight:700;line-height:1.4;padding:4rem;text-align:center}.belief-section{background:#0f172a80;padding:8rem 0;position:relative}.belief-card h2{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1.5rem}@media (max-width:992px){.section-grid{grid-template-columns:1fr;text-align:center}.salvation-image{height:300px}}@media (max-width:768px){.belief-section,.books-section,.hero-section,.salvation-section{padding:6rem 0}.belief-card{padding:3rem}.resource-card-sm{flex-direction:column;text-align:center}}.contact-page.homepage{background:linear-gradient(#0a0f1ee6,#0a0f1ef2),url(https://i.imgur.com/veOEaC1.png);background-attachment:fixed;background-position:50%;background-size:cover;color:#f1f5f9;font-family:Poppins,sans-serif;overflow-x:hidden}.section-tag{background:#6366f11a;border-radius:50px;color:#818cf8;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;padding:.5rem 1.2rem;text-transform:uppercase}.hero-section{min-height:60vh}.salvation-section{padding:8rem 0}.section-grid{grid-gap:8rem;align-items:center;display:grid;gap:8rem;grid-template-columns:1.1fr .9fr}.salvation-content h2{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1.5px;margin-bottom:2.5rem}.books-section{overflow:hidden;padding:8rem 0;position:relative}.section-header.center{margin-bottom:6rem;text-align:center}.section-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem}.section-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text}.section-subtitle{color:#94a3b8;font-size:1.2rem}.salvation-points{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.point{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff14;border-radius:2.5rem;padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.point:hover{background:#ffffff0f;border-color:#6366f166;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px) scale(1.02)}.point h3{color:#818cf8;margin-bottom:1rem}.point p{color:#94a3b8}.resource-card-sm{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14192d4d;border:1px solid #ffffff0d;border-radius:3rem;display:flex;gap:2.5rem;padding:3rem;transition:all .4s ease}.resource-card-sm:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateX(15px)}.card-sm-icon{align-items:center;background:#ffffff0d;border-radius:2rem;color:#6366f1;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.card-sm-content h4{color:#fff;font-size:1.4rem;margin-bottom:.5rem}.card-sm-content p{color:#64748b;font-size:.95rem}.modern-form input:focus,.modern-form textarea:focus{border-color:#6366f1!important;box-shadow:0 0 15px #6366f14d;outline:none}@media (max-width:992px){.section-grid{grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.books-section,.hero-section,.salvation-section{padding:6rem 0}.belief-card{padding:2.5rem}.resource-card-sm{flex-direction:column;text-align:center}}.auth-page-full{display:flex;font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden;position:relative}.auth-bg-animation{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.auth-bg-gradient{background:linear-gradient(135deg,#0f0f23,#1a1a3e 25%,#0d0d1f 50%,#1e1e4a 75%,#0a0a1a)}.auth-bg-gradient,.auth-bg-particles{height:100%;position:absolute;width:100%}.particle{animation:float-particle var(--duration) ease-in-out infinite;animation-delay:var(--delay);background:radial-gradient(circle,#818cf84d 0,#0000 70%);border-radius:50%;height:var(--size);left:var(--x);position:absolute;top:var(--y);width:var(--size)}@keyframes float-particle{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.6;transform:translate(30px,-50px) scale(1.2)}50%{opacity:.4;transform:translate(-20px,-100px) scale(.8)}75%{opacity:.5;transform:translate(40px,-50px) scale(1.1)}}.auth-branding{align-items:center;background:linear-gradient(135deg,#6366f11a,#818cf80d);border-right:1px solid #ffffff0d;display:flex;flex:1 1;justify-content:center;padding:3rem;position:relative;z-index:1}.auth-branding-content{animation:fadeInLeft .8s ease-out;max-width:500px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.auth-logo{gap:1rem;margin-bottom:3rem;text-decoration:none}.auth-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:1rem;box-shadow:0 10px 30px #6366f14d;color:#fff;height:60px;justify-content:center;width:60px}.auth-logo span{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.auth-branding-text{margin-bottom:3rem}.auth-branding-text h1{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:1rem}.auth-branding-text p{color:#94a3b8;font-size:1.1rem;line-height:1.7}.auth-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.auth-feature{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.auth-feature:hover{background:#ffffff0d;transform:translateX(10px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#6366f133,#818cf81a);border-radius:.75rem;color:#818cf8;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.feature-text h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.feature-text p{color:#64748b;font-size:.9rem;margin:0}.auth-branding-footer{background:#ffffff08;border-left:3px solid #818cf8;border-radius:1rem;padding:1.5rem}.auth-branding-footer p{color:#e2e8f0;font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:.5rem}.auth-branding-footer span{color:#818cf8;font-size:.9rem;font-weight:500}.auth-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.benefit-item{align-items:center;background:#ffffff08;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.benefit-item:hover{background:#ffffff0d;transform:translateX(10px)}.benefit-check{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;width:32px}.benefit-item span{color:#e2e8f0;font-size:1rem}.auth-testimonial{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;padding:1.5rem}.testimonial-content{position:relative}.testimonial-content>i{color:#818cf84d;font-size:2rem;left:0;position:absolute;top:0}.testimonial-content p{color:#cbd5e1;font-size:1rem;font-style:italic;line-height:1.7;margin-bottom:1rem;padding-left:2rem}.testimonial-author{align-items:center;display:flex;gap:1rem;padding-left:2rem}.author-avatar{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;height:45px;justify-content:center;width:45px}.author-info strong{color:#fff;display:block;font-size:.95rem}.author-info span{color:#64748b;font-size:.85rem}.auth-form-side{align-items:center;display:flex;flex:1 1;justify-content:center;padding:3rem;position:relative;z-index:1}.auth-form-container{animation:fadeInRight .8s ease-out;max-width:450px;width:100%}.signup-container{max-width:500px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.auth-form-header{margin-bottom:2rem}.auth-form-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-form-header p{color:#64748b;font-size:1rem}.progress-steps{justify-content:space-between;margin-bottom:2.5rem}.progress-step,.progress-steps{align-items:center;display:flex;position:relative}.progress-step{flex-direction:column;gap:.5rem;z-index:1}.step-number{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#64748b;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.active .step-number{background:linear-gradient(135deg,#818cf8,#6366f1);border-color:#818cf8;box-shadow:0 5px 20px #6366f166;color:#fff}.progress-step span{color:#64748b;font-size:.85rem;font-weight:500}.progress-step.active span{color:#818cf8}.progress-line{background:#ffffff1a;flex:1 1;height:2px;margin:0 -1rem 1.5rem}.auth-form-modern,.form-step{display:flex;flex-direction:column;gap:1.5rem}.form-step{animation:fadeIn .4s ease-out}.input-field-modern,.input-group-modern{position:relative}.input-field-modern i{color:#475569;font-size:1.1rem;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.input-field-modern input,.input-field-modern select{background:#ffffff08;border:2px solid #ffffff1a;border-radius:1rem;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;padding:1.25rem 1.25rem 1.25rem 3.5rem;transition:all .3s ease;width:100%}.input-field-modern select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:3rem}.input-field-modern select option{background:#1e293b;color:#f1f5f9;padding:12px}.input-field-modern label{color:#64748b;font-size:1rem;left:3.5rem;pointer-events:none;position:absolute;transition:all .3s ease}.input-field-modern .select-label,.input-field-modern label{top:50%;transform:translateY(-50%)}.input-field-modern input:focus,.input-field-modern select:focus{background:#818cf80d;border-color:#818cf8;outline:none}.input-field-modern input:focus+label,.input-field-modern input:not(:placeholder-shown)+label,.input-field-modern select:focus+.select-label,.input-field-modern select:valid+.select-label{background:#0f0f23;color:#818cf8;font-size:.8rem;left:1rem;padding:0 .5rem;top:0;transform:translateY(-50%)}.input-field-modern input:focus~i,.input-field-modern select:focus~i{color:#818cf8}.input-highlight{background:linear-gradient(90deg,#818cf8,#6366f1);bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.input-field-modern input:focus~.input-highlight,.input-field-modern select:focus~.input-highlight{width:100%}.password-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.password-toggle:hover{color:#818cf8}.alert-modern{align-items:center;animation:slideDown .3s ease-out;border-radius:.75rem;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error-modern{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.alert-success-modern{background:#22c55e1a;border:1px solid #22c55e33;color:#86efac}.btn-modern{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);border:none;border-radius:1rem;box-shadow:0 10px 30px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-modern:hover{box-shadow:0 15px 40px #6366f166;transform:translateY(-2px)}.btn-modern:active{transform:translateY(0)}.btn-modern:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-modern i{font-size:1rem;transition:transform .3s ease}.btn-modern:hover i{transform:translateX(5px)}.btn-next{width:100%}.btn-back{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:none}.btn-back:hover{background:#ffffff1a;box-shadow:none}.btn-back:hover i{transform:translateX(-5px)}.btn-submit-modern{flex:1 1}.form-buttons{display:flex;gap:1rem}.btn-loading{align-items:center;display:flex;gap:.75rem}.spinner-modern{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.auth-divider{align-items:center;display:flex;margin:2rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-divider span{color:#64748b;font-size:.9rem;padding:0 1rem}.social-login{gap:1rem;margin-bottom:2rem}.social-btn,.social-login{display:flex;justify-content:center}.social-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;color:#94a3b8;cursor:pointer;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px}.social-btn:hover{background:#ffffff1a;transform:translateY(-3px)}.social-btn.google:hover{border-color:#ea43354d;color:#ea4335}.social-btn.facebook:hover{border-color:#1877f24d;color:#1877f2}.social-btn.apple:hover{border-color:#ffffff4d;color:#fff}.auth-form-footer{padding-top:1rem;text-align:center}.auth-form-footer p{color:#64748b;font-size:.95rem}.auth-form-footer a{color:#818cf8;font-weight:600;text-decoration:none;transition:all .3s ease}.auth-form-footer a:hover{color:#a5b4fc;text-decoration:underline}@media (max-width:1024px){.auth-page-full{flex-direction:column}.auth-branding{border-bottom:1px solid #ffffff0d;border-right:none;padding:2rem}.auth-branding-text h1{font-size:2.5rem}.auth-form-side{padding:2rem}}@media (max-width:768px){.auth-branding{padding:1.5rem}.auth-branding-text h1{font-size:2rem}.auth-branding-text p{font-size:1rem}.auth-benefits,.auth-features{gap:1rem}.auth-feature,.benefit-item{padding:1rem}.feature-icon{font-size:1.1rem;height:40px;width:40px}.auth-form-side{padding:1.5rem}.auth-form-header h2{font-size:1.75rem}.progress-step span{font-size:.75rem}.step-number{font-size:.9rem;height:35px;width:35px}.form-buttons{flex-direction:column}.btn-back{order:2}.btn-next,.btn-submit-modern{order:1}}@media (max-width:480px){.auth-logo{margin-bottom:2rem}.logo-icon{font-size:1.5rem;height:50px;width:50px}.auth-logo span{font-size:1.25rem}.auth-branding-text h1{font-size:1.75rem}.auth-testimonial{padding:1rem}.testimonial-content p{font-size:.95rem;padding-left:1.5rem}.testimonial-author{padding-left:1.5rem}.author-avatar{font-size:1rem;height:40px;width:40px}.input-field-modern input,.input-field-modern select{font-size:.95rem;padding:1rem 1rem 1rem 3rem}.input-field-modern i{font-size:1rem;left:1rem}.input-field-modern label{font-size:.95rem;left:3rem}.btn-modern{font-size:.95rem;padding:1rem 1.5rem}.social-btn{font-size:1.1rem;height:45px;width:45px}}.premium-order-page{background:#020617;color:#fff;font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:80px;padding-top:100px;position:relative}.order-bg-visuals{inset:0;pointer-events:none;position:fixed;z-index:1}.glow-sphere{filter:blur(100px);opacity:.15}.glow-sphere.primary{background:#6366f1;height:500px;right:-100px;top:-100px;width:500px}.glow-sphere.secondary{background:#ec4899;bottom:-50px;height:400px;left:-50px;width:400px}.order-layout-premium{position:relative;z-index:10}.order-intro-premium{margin-bottom:4rem;text-align:center}.premium-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:100px;color:#818cf8;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;padding:6px 16px;text-transform:uppercase}.order-intro-premium h1{font-size:3.5rem;font-weight:800;letter-spacing:-2px;margin-bottom:1rem}.order-intro-premium .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text}.order-intro-premium p{color:#94a3b8;font-size:1.15rem;margin:0 auto;max-width:600px}.order-grid-premium{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 400px}.glass-form-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;padding:3rem}.form-section-premium{margin-bottom:2.5rem}.section-title-premium{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;opacity:.9}.section-title-premium i{color:#6366f1}.form-row-premium{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group-premium{margin-bottom:1.5rem}.form-group-premium label{display:block;font-weight:600;margin-bottom:.6rem;padding-left:.25rem}.form-group-premium input,.form-group-premium select,.form-group-premium textarea{border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;transition:all .3s ease}.form-group-premium input:focus,.form-group-premium select:focus,.form-group-premium textarea:focus{background:#ffffff0d;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.form-group-premium select option{background:#0f172a;color:#fff}.btn-premium-submit{align-items:center;border-radius:14px;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.btn-premium-submit:hover:not(:disabled){box-shadow:0 10px 20px #6366f14d;transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #ffffff14;border-radius:24px;margin-bottom:2rem;padding:2rem}.book-card-premium{display:flex;flex-direction:column;gap:1.5rem}.book-visual-premium{display:flex;justify-content:center;position:relative}.book-3d-minimal img{border-radius:8px;box-shadow:15px 15px 30px #0006;transform:rotateY(-10deg);width:160px}.free-badge-premium{background:#10b981;border-radius:100px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:.75rem;font-weight:800;padding:4px 12px;position:absolute;right:20px;top:10px}.book-specs-premium h4{font-size:1.1rem;margin-bottom:1rem}.specs-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.specs-list li{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.6rem}.specs-list li i{color:#10b981}.summary-item-premium{color:#94a3b8;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1rem}.value-free{color:#fff;font-weight:600;opacity:.5;text-decoration:line-through}.summary-divider-premium{background:#ffffff1a;height:1px;margin:1.5rem 0}.summary-total-premium{align-items:center;display:flex;font-size:1.15rem;font-weight:700;justify-content:space-between}.total-free{color:#10b981}.trust-badges-premium{border-top:1px solid #ffffff1a;display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.badge-item{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:600;gap:.5rem}.badge-item i{color:#6366f1}.order-success-premium{padding:2rem 0;text-align:center}.success-lottie{color:#10b981;filter:drop-shadow(0 0 20px rgba(16,185,129,.4));font-size:5rem;margin-bottom:1.5rem}.order-success-premium h2{font-size:2rem;margin-bottom:1rem}.order-summary-mini{background:#ffffff08;border-radius:16px;margin:2rem 0;padding:1.5rem;text-align:left}.summary-row{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.summary-row span:first-child{color:#94a3b8}.redirect-hint{color:#64748b;font-size:.85rem;font-style:italic}.premium-alert{border-radius:10px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:12px 16px}.premium-alert.error{background:#ef44441a;border:1px solid #ef444433;color:#f87171}@media (max-width:1024px){.order-grid-premium{grid-template-columns:1fr}.order-intro-premium h1{font-size:2.75rem}}@media (max-width:768px){.glass-form-premium{padding:2rem 1.5rem}.form-row-premium{gap:0;grid-template-columns:1fr}.premium-order-page{padding-top:80px}}.order-history-page{background:#f9f7f4;min-height:100vh}.order-history-hero{background:linear-gradient(135deg,#1a3a52,#2d5a7b);color:#fff;padding:3rem 0;text-align:center}.order-history-hero h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.order-history-hero p{color:#e0e0e0;font-size:1.05rem}.order-history-container{padding:3rem 0}.order-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.order-history-header h2{color:#1a3a52;font-size:2rem;margin:0}.btn-small{font-size:.9rem;padding:10px 20px}.loading{color:#666;font-size:1.1rem}.empty-state,.loading{padding:4rem 2rem;text-align:center}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014}.empty-icon{margin-bottom:1rem}.empty-state h3{color:#1a3a52;font-size:1.8rem;margin-bottom:.5rem}.empty-state p{color:#666;font-size:1rem;margin-bottom:2rem}.orders-list{display:flex;flex-direction:column;gap:2rem}.order-item{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.order-item:hover{box-shadow:0 8px 25px #0000001f}.order-item-header{align-items:center;background:linear-gradient(135deg,#f9f7f4,#fff5ed);border-bottom:2px solid #e0d5c7;display:flex;justify-content:space-between;padding:1.5rem}.order-info-group h3{color:#1a3a52;font-size:1.2rem;margin-bottom:.3rem}.order-date{color:#999;font-size:.9rem;margin:0}.order-status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.2rem;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cce5ff;color:#004085}.status-shipped{background:#d1ecf1;color:#0c5460}.status-delivered{background:#d4edda;color:#155724}.order-details-grid{grid-gap:2rem;border-bottom:1px solid #e0d5c7;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.detail-column h4{color:#1a3a52;font-size:.95rem;letter-spacing:.5px;margin-bottom:.8rem;text-transform:uppercase}.detail-column p{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:.4rem}.detail-column .phone{color:#c9a961;font-weight:500;margin-top:.6rem}.detail-column .total{color:#1a3a52;font-size:.95rem;margin-top:.6rem}.tracking-number{color:#1a3a52!important;font-size:.85rem!important}.tracking-number code{background:#f9f7f4;border-radius:4px;color:#666;display:block;font-family:Courier New,monospace;margin-top:.4rem;padding:.5rem}.no-tracking{color:#999!important;font-style:italic}.order-notes{background:#f9f7f4;border-left:4px solid #c9a961;padding:1rem 2rem}.order-notes strong{color:#1a3a52}.order-notes p{color:#666;line-height:1.6;margin:.5rem 0 0}.order-timeline{background:#f9f7f4;justify-content:space-around;padding:2rem}.order-timeline,.timeline-item{align-items:center;display:flex}.timeline-item{color:#999;flex:1 1;flex-direction:column;font-size:.85rem;gap:.8rem;text-align:center}.timeline-dot{background:#ddd;border:2px solid #fff;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.timeline-item.active .timeline-dot{background:#c9a961;border:2px solid #fff;box-shadow:0 0 0 2px #c9a961;height:16px;width:16px}.timeline-item.completed .timeline-dot{background:#28a745}.timeline-item.completed{color:#28a745}.order-history-footer{border-top:2px solid #e0d5c7;margin-top:3rem;padding-top:2rem}.footer-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:2rem;text-align:center}.footer-card h3{color:#1a3a52;font-size:1.3rem;margin-bottom:.5rem}.footer-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}@media (max-width:768px){.order-history-hero h1{font-size:1.8rem}.order-history-header{align-items:flex-start;flex-direction:column;gap:1rem}.order-history-header h2{font-size:1.5rem}.order-item-header{align-items:flex-start;flex-direction:column;gap:1rem}.order-details-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.order-timeline{flex-wrap:wrap;gap:1rem;padding:1.5rem}.timeline-item{flex:0 0 45%}.footer-card{padding:1.5rem}}.music-preloader-container{background:#020617;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:99999}.music-preloader-container,.preloader-visual{align-items:center;display:flex;justify-content:center}.preloader-visual{height:250px;margin-bottom:3rem;position:relative;width:250px}.loader-rings{height:100%;position:absolute;width:100%}.ring{border:1px solid #38bdf81a;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring:first-child{animation:rotate 3s linear infinite;border-top:2px solid #38bdf8;height:100%;width:100%}.ring:nth-child(2){animation:rotate-reverse 2s linear infinite;border-bottom:2px solid #818cf8;height:80%;width:80%}.ring:nth-child(3){animation:rotate 4s linear infinite;border-left:2px solid #6366f1;height:60%;width:60%}.loader-center{position:relative;z-index:10}.pulse-icon{align-items:center;animation:icon-pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 40px #38bdf833;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.glow-sphere{background:radial-gradient(circle,#38bdf826 0,#0000 70%);border-radius:50%;filter:blur(20px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%}.loader-brand{text-align:center}.brand-text{color:#fff;font-size:1.2rem;font-weight:900;letter-spacing:12px;margin-bottom:1.5rem;opacity:.9;text-shadow:0 0 20px #38bdf880}.progress-track{background:#ffffff0d;border-radius:10px;height:2px;margin:0 auto;overflow:hidden;width:200px}.progress-fill{animation:progress-slide 1.5s linear infinite;background:linear-gradient(90deg,#0000,#38bdf8,#818cf8,#0000);background-size:200% 100%;width:100%}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate-reverse{0%{transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes icon-pulse{0%,to{opacity:.8;transform:scale(1)}50%{box-shadow:0 0 60px #38bdf866;opacity:1;transform:scale(1.1)}}@keyframes progress-slide{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--secondary:#ec4899;--accent:#10b981;--glass:#0f172ab3;--text-dim:#94a3b8}.modern-music-container{background:#020617;background:var(--bg-dark);color:#fff;display:flex;font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;overflow:hidden;padding-top:80px;position:relative;width:100%}.vibrant-bg{background:radial-gradient(circle at 0 0,#6366f126 0,#0000 50%),radial-gradient(circle at 100% 100%,#ec48991a 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b9810d 0,#0000 50%);filter:blur(100px);inset:0;position:absolute;z-index:1}.glass-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02061766;inset:0;position:absolute;z-index:2}.app-layout{display:flex;height:100vh;position:relative;width:100%;z-index:10}.modern-sidebar{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0f172a99;border-right:1px solid #ffffff1a;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2.5rem 1.5rem;width:280px}.brand-logo{align-items:center;display:flex;gap:1rem;margin-bottom:3rem;padding-left:.5rem}.logo-icon{font-size:1.8rem}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-1px}.search-wrapper{margin-bottom:2.5rem}.modern-search{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:14px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.modern-search:focus-within{background:#ffffff14;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 20px #6366f133}.modern-search input{background:#0000;border:none;color:#fff;font-size:.95rem;outline:none;width:100%}.nav-group{margin-bottom:2.5rem}.nav-title{font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;padding-left:.75rem;text-transform:uppercase}.nav-btn,.nav-title{color:#94a3b8;color:var(--text-dim)}.nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:1rem;padding:.8rem 1rem;transition:all .2s ease;width:100%}.nav-btn:hover{background:#ffffff0d;color:#fff}.nav-btn.active{background:#6366f1;background:var(--primary);box-shadow:0 10px 20px #6366f14d;color:#fff}.btn-icon{font-size:1.2rem}.genre-pills{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.genre-pill{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.6rem;transition:all .3s ease}.genre-pill:hover{background:#ffffff14}.genre-pill.active{background:var(--genre-color);border-color:#fff3;box-shadow:0 8px 15px #0003;transform:translateY(-2px)}.pill-icon{font-size:1.2rem}.pill-name{font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.main-viewport{flex:1 1;overflow-y:auto;padding:3rem;scrollbar-width:none}.main-viewport::-webkit-scrollbar{display:none}.viewport-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:3.5rem}.header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-2px;margin-bottom:.5rem}.track-count{color:#94a3b8;color:var(--text-dim);font-size:.9rem;font-weight:500}.view-toggle{background:#ffffff0d;border-radius:12px;display:flex;padding:.4rem}.view-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-dim);cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.view-btn.active{background:#ffffff1a;color:#fff}.music-gallery{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-bottom:12rem}.modern-card{cursor:pointer;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.card-media{aspect-ratio:1;border-radius:24px;box-shadow:0 10px 30px #0000004d;margin-bottom:1.25rem;overflow:hidden;position:relative}.card-thumb{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1);width:100%}.card-glow{background:linear-gradient(180deg,#0000,#6366f166);inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.modern-card:hover{transform:translateY(-12px)}.modern-card:hover .card-thumb{transform:scale(1.15)}.modern-card:hover .card-glow{opacity:1}.modern-card.active .card-media{box-shadow:0 0 0 3px #6366f1,0 20px 40px #6366f166;box-shadow:0 0 0 3px var(--primary),0 20px 40px #6366f166}.card-title{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-artist{color:#94a3b8;color:var(--text-dim);font-size:.85rem;font-weight:500}.modern-player{align-items:center;animation:slideUp .6s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:24px;bottom:24px;box-shadow:0 20px 50px #0009;display:flex;height:80px;left:50%;max-width:1200px;padding:0 1.5rem;position:fixed;transform:translateX(-50%);width:calc(100% - 48px);z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}.player-inner{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.player-left-section{align-items:center;cursor:pointer;display:flex;gap:1rem;min-width:240px}.now-playing-thumb{border-radius:10px;box-shadow:0 4px 15px #0006;height:56px;object-fit:cover;transition:transform .3s ease;width:56px}.player-left-section:hover .now-playing-thumb{transform:scale(1.05)}.meta-title{color:#fff;font-size:1rem;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-artist{color:#94a3b8;font-size:.85rem;font-weight:500}.player-mid-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:600px}.main-controls{gap:1.5rem}.main-controls,.p-btn{align-items:center;display:flex}.p-btn{background:#0000;border:none;color:#fff;cursor:pointer;justify-content:center;transition:all .2s ease}.p-btn.secondary{color:#94a3b8;font-size:1.2rem;height:36px;width:36px}.p-btn.secondary:hover{color:#fff;transform:scale(1.1)}.p-btn.main-play{background:#fff;border-radius:50%;color:#020617;font-size:1.1rem;height:44px;width:44px}.p-btn.main-play:hover{box-shadow:0 0 20px #ffffff4d;transform:scale(1.1)}.scrub-container{align-items:center;display:flex;gap:1rem;width:100%}.curr-time,.total-time{color:#94a3b8;font-size:.75rem;font-weight:600;width:45px}.total-time{text-align:right}.modern-progress{background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative;transition:height .2s ease}.modern-progress:hover{height:6px}.progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;height:100%;position:relative}.progress-thumb{background:#fff;border-radius:50%;box-shadow:0 0 10px #6366f1cc;height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);transition:transform .2s ease;width:12px}.modern-progress:hover .progress-thumb{transform:translateY(-50%) scale(1)}.mobile-controls{display:none}.player-right-section{align-items:center;display:flex;gap:1.5rem;justify-content:flex-end;min-width:240px}@media (max-width:768px){.mobile-controls{display:block;margin-right:.5rem}.mobile-controls .main-play{height:40px;width:40px}.player-right-section{gap:.5rem;min-width:auto}}.extra-actions{display:flex;gap:.5rem}.action-circle{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.action-circle:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.action-circle.accent{color:#6366f1}.volume-pod{align-items:center;display:flex;gap:.75rem;width:120px}.v-icon{color:#94a3b8;font-size:.9rem}.v-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;outline:none}.v-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.empty-gallery{color:#94a3b8;color:var(--text-dim);padding:5rem 0;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.2}.mobile-horizontal-scroll{-ms-overflow-style:none;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.mobile-horizontal-scroll::-webkit-scrollbar{display:none}.genre-navigation-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;margin-bottom:2.5rem;padding:1rem}.horizontal-scroll{-ms-overflow-style:none;display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll .genre-pill{flex:0 0 auto;padding:1rem;width:120px}.next-song-popup{align-items:center;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:3000}.popup-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#020617d9;inset:0;position:absolute}.popup-content{animation:popupScale .4s cubic-bezier(.23,1,.32,1);background:#1e293be6;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 25px 50px -12px #00000080;max-width:450px;padding:3rem;position:relative;text-align:center;width:100%;z-index:10}@keyframes popupScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.countdown-ring{height:120px;margin:0 auto 2rem;position:relative;width:120px}.countdown-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:2.8}.ring-fill{fill:none;stroke:#6366f1;stroke:var(--primary);stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .3s linear}.countdown-number{align-items:center;display:flex;font-size:3rem;font-weight:800;inset:0;justify-content:center;position:absolute}.next-song-info{margin-bottom:2.5rem}.up-next-label{color:#6366f1;color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.next-title{font-size:1.8rem;font-weight:800;margin:.5rem 0}.next-artist{color:#94a3b8;color:var(--text-dim);font-size:1.1rem}.popup-actions{display:flex;gap:1rem}.play-now-btn,.skip-btn{border-radius:16px;cursor:pointer;flex:1 1;font-weight:700;padding:1rem;transition:all .3s ease}.skip-btn{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);color:#fff}.play-now-btn{background:#6366f1;background:var(--primary);border:none;color:#fff}.skip-btn:hover{background:#ffffff1a}.play-now-btn:hover{box-shadow:0 10px 20px #6366f14d;transform:translateY(-2px)}@media (max-width:1024px){.app-layout{flex-direction:column}.modern-sidebar{display:none}}@media (max-width:768px){.app-layout{flex-direction:column}.modern-sidebar{display:none}.viewport-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.header-info h1{font-size:2.5rem}.modern-search{width:100%}.main-viewport{padding:1rem}.music-gallery{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modern-player{border-radius:18px;bottom:12px;height:72px;padding:0 .75rem;width:calc(100% - 24px)}.player-mid-section{display:none}.player-left-section{min-width:0;width:75%}.player-right-section{min-width:0;width:25%}.now-playing-thumb{border-radius:8px;height:48px;width:48px}.meta-title{font-size:.9rem;max-width:120px}.meta-artist{font-size:.75rem}.extra-actions .action-circle:not(.accent),.volume-pod{display:none}.main-controls{gap:1rem}}.action-circle.locked{background:#ffffff0d!important;border-color:#ffffff1a!important;cursor:not-allowed;opacity:.6}.action-circle.locked:hover{background:#ffffff0d!important;transform:none!important}:root{--primary:#6366f1;--primary-glow:#6366f180;--bg-dark:#020617;--glass-bg:#0f172acc;--glass-border:#ffffff1a;--text-muted:#94a3b8}.perfect-music-detail{background:#020617;background:var(--bg-dark);color:#fff;font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;overflow:auto;padding-top:80px;position:relative;width:100%;z-index:10}.dynamic-background{background-position:50%;background-size:cover;filter:blur(80px) brightness(.15) saturate(1.4);inset:-50px;position:fixed;transform:scale(1.1);z-index:1}.vignette-overlay{background:radial-gradient(circle at 50% 50%,#0000 0,#020617e6 100%);inset:0;position:fixed;z-index:2}.full-screen-layout{display:flex;flex-direction:row;height:100vh;position:relative;width:100%;z-index:10}.player-side{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0f172a66;border-right:1px solid #ffffff1a;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:4rem;scrollbar-width:none;width:45%}.player-side::-webkit-scrollbar{display:none}.player-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:4rem}.circular-back{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;color:#fff;cursor:pointer;height:48px;width:48px}.circular-back,.player-main-content{align-items:center;display:flex;justify-content:center}.player-main-content{flex:1 1;flex-direction:column}.album-art-stage{aspect-ratio:1;cursor:pointer;margin-bottom:3.5rem;max-width:420px;position:relative;width:100%}.edge-visualizer{align-items:center;display:flex;inset:-80px;justify-content:center;pointer-events:none;position:absolute;z-index:-1}.edge-visualizer canvas{height:140%;width:140%}.hero-image{border:1px solid #ffffff1a;border-radius:2.5rem;box-shadow:0 40px 80px #00000080;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.album-art-stage.is-playing .hero-image{transform:scale(1.05) rotate(2deg)}.album-play-overlay{align-items:center;background:#0000;border-radius:2.5rem;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .5s ease;z-index:10}.album-art-stage:hover .album-play-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;opacity:1}.overlay-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.overlay-icon{height:32px;width:32px}.hero-titles{margin-bottom:3rem;text-align:center}.song-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:3.2rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin:0}.song-main-artist{color:#94a3b8;color:var(--text-muted);font-size:1.2rem;margin-top:.5rem}.perfect-controls-pod{max-width:480px;width:100%}.perfect-progress{cursor:pointer;margin-bottom:2rem}.progress-outer{background:#ffffff0d;border-radius:10px;height:6px;overflow:hidden;position:relative}.progress-inner{background:#6366f1;background:var(--primary);height:100%;position:relative;transition:width .1s linear}.progress-glow{background:#fff;border-radius:50%;box-shadow:0 0 15px #6366f1;box-shadow:0 0 15px var(--primary);height:10px;position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px}.time-labels{color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;margin-top:1rem}.perfect-playback{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.desktop-actions{display:flex;gap:1rem;margin-bottom:2.5rem;width:100%}.d-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:700;gap:.5rem;justify-content:center;padding:.8rem;transition:all .3s ease}.d-action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.d-action-btn.accent{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary)}.d-action-btn.accent:hover{box-shadow:0 0 20px #6366f180;box-shadow:0 0 20px var(--primary-glow);filter:brightness(1.1)}.d-action-btn.locked,.hero-action-btn.locked,.mini-btn-icon.locked{background:#ffffff0d!important;border-color:#ffffff1a!important;border-color:var(--glass-border)!important;box-shadow:none!important;cursor:not-allowed;opacity:.7}.d-action-btn.locked:hover,.hero-action-btn.locked:hover,.mini-btn-icon.locked:hover{filter:none!important;transform:none!important}.ctrl-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center}.ctrl-btn.secondary{height:32px;opacity:.5;width:32px}.ctrl-btn.secondary:hover{opacity:1;transform:scale(1.1)}.ctrl-btn.primary-play{background:#fff;border-radius:24px;box-shadow:0 15px 30px #0000004d;color:#020617;color:var(--bg-dark);height:70px;width:70px}.ctrl-btn.primary-play svg{height:28px;width:28px}.perfect-volume{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.2rem;display:flex;gap:1rem;padding:.6rem 1.2rem}.volume-slider-wrapper{flex:1 1;height:4px;position:relative}.volume-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:10px;cursor:pointer;height:100%;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;height:12px;width:12px}.lyrics-content-side{flex:1 1;height:100%;overflow-y:auto;padding:6rem 8% 12rem;scrollbar-width:none}.lyrics-content-side::-webkit-scrollbar{display:none}.lyrics-header{margin-bottom:4rem}.mobile-breadcrumb{display:none}.lyrics-header h3{color:#6366f1;color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:4px;text-transform:uppercase}.lyrics-container{display:flex;flex-direction:column;gap:2rem}.p-lyric-line{color:#fff;font-size:2.8rem;font-weight:800;line-height:1.2;margin:0;transition:all .4s ease}.p-lyric-line-wrapper{padding:1rem 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.p-lyric-line-wrapper:hover{transform:scale(1.02)}.mobile-mini-player{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172acc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1.5rem;bottom:2rem;box-shadow:0 20px 50px #00000080;display:none;justify-content:space-between;left:1rem;overflow:hidden;padding:.8rem 1.2rem;position:fixed;right:1rem;transform:translateY(150%);transition:transform .6s cubic-bezier(.34,1.56,.64,1);z-index:100}.mobile-mini-player.minimized{transform:translateY(0)}.mini-info{align-items:center;display:flex;gap:1rem}.mini-thumb{border-radius:.8rem;height:48px;object-fit:cover;width:48px}.mini-text{display:flex;flex-direction:column}.mini-title{color:#fff;font-size:.9rem;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-artist{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.mini-controls{gap:.8rem}.mini-btn-icon,.mini-controls{align-items:center;display:flex}.mini-btn-icon{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;justify-content:center;opacity:.7}.mini-btn-icon:hover{opacity:1;transform:scale(1.1)}.mini-btn{background:none;border:none;color:#fff;cursor:pointer}.mini-btn.main svg{height:28px;width:28px}.mini-progress-bar{background:#6366f1;background:var(--primary);bottom:0;box-shadow:0 0 10px #6366f1;box-shadow:0 0 10px var(--primary);height:3px;left:0;position:absolute}.mobile-hero-player{align-items:center;display:none;flex-direction:column;gap:2rem;margin-bottom:4rem;width:100%}.mobile-hero-art{border-radius:2rem;box-shadow:0 20px 40px #0006;height:280px;position:relative;width:280px}.mobile-edge-visualizer{align-items:center;display:flex;inset:-60px;justify-content:center;pointer-events:none;position:absolute;z-index:-1}.mobile-edge-visualizer canvas{height:140%;width:140%}.mobile-hero-art img{border:1px solid #ffffff1a;border-radius:2rem;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.mobile-hero-play{align-items:center;background:#0000004d;color:#fff;cursor:pointer;display:flex;font-size:3rem;inset:0;justify-content:center;position:absolute;transition:all .3s ease;z-index:2}.mobile-hero-play.playing{background:#0000001a;opacity:0}.mobile-hero-art:hover .mobile-hero-play{opacity:1}.mobile-hero-info{text-align:center}.mobile-hero-info h2{font-size:2rem;font-weight:800;margin:0}.mobile-hero-info p{color:#94a3b8;color:var(--text-muted);font-size:1.1rem;margin:.5rem 0 0}.mobile-hero-actions{display:flex;gap:1rem;width:100%}.hero-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:700;gap:.5rem;justify-content:center;padding:1rem}.hero-action-btn.accent{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary)}.mobile-progress-section{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;width:100%}.mobile-progress-bar-outer{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.mobile-progress-bar-inner{background:#6366f1;background:var(--primary);box-shadow:0 0 10px #6366f1;box-shadow:0 0 10px var(--primary);height:100%}.mobile-time-labels{color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;justify-content:space-between}.perfect-empty{opacity:.5;padding:4rem 0;text-align:center}.perfect-empty .empty-icon{font-size:3rem;margin-bottom:1rem}@media (max-width:992px){.full-screen-layout{flex-direction:column;overflow-y:auto;scroll-behavior:smooth}.player-side{display:none}.lyrics-content-side{height:auto;overflow-y:visible;padding:4rem 1.5rem 12rem}.mobile-hero-player{display:flex}.mobile-breadcrumb{display:block;margin-bottom:2rem}.mobile-back-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.6rem 1.2rem;transition:all .3s ease}.mobile-back-btn:active{background:#ffffff1a;transform:scale(.95)}.p-lyric-line{font-size:1.5rem;padding:0 10px;text-align:center}.p-lyric-line-wrapper{transform-origin:center center}.mobile-hero-art{height:220px;width:220px}.mobile-edge-visualizer{inset:-40px}.mobile-hero-info h2{font-size:1.5rem}.mobile-mini-player{display:flex}}@media (max-width:480px){.mobile-hero-art{height:180px;width:180px}.mobile-hero-info h2,.p-lyric-line{font-size:1.3rem}.mini-player-text{max-width:80px}}.loading-screen{animation:pulse 2s infinite;background:#020617;background:var(--bg-dark);color:#6366f1;color:var(--primary);font-size:1.5rem;font-weight:800;height:100vh;text-transform:uppercase}.loading-screen,.premium-loader-container{align-items:center;display:flex;justify-content:center}.premium-loader-container{flex-direction:column;padding:3rem;width:100%}.premium-visual-loader{height:60px;position:relative;width:60px}.orbit-spinner{position:relative}.orbit,.orbit-spinner{height:100%;width:100%}.orbit{border:2px solid #0000;border-radius:50%;position:absolute}.orbit:first-child{animation:orbit-rotate 1s linear infinite;border-top-color:#38bdf8}.orbit:nth-child(2){animation:orbit-rotate .8s linear infinite reverse;border-right-color:#818cf8;height:70%;left:15%;top:15%;width:70%}.orbit:nth-child(3){animation:orbit-rotate 1.2s linear infinite;border-bottom-color:#6366f1;height:40%;left:30%;top:30%;width:40%}.center-dot{background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.premium-loader-text{animation:fade-pulse 1.5s infinite alternate;color:#94a3b8;font-size:.85rem;font-weight:700;letter-spacing:2px;margin-top:1.5rem;text-transform:uppercase}@keyframes orbit-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade-pulse{0%{opacity:.4}to{opacity:1}}.admin-page{background-color:#0f172a;color:#fff;min-height:100vh;padding-top:80px}.admin-container{display:flex;min-height:calc(100vh - 80px);position:relative}.admin-sidebar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0f172af2;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);padding:2.5rem 1.5rem;position:-webkit-sticky;position:sticky;top:80px;transition:all .4s cubic-bezier(.16,1,.3,1);width:280px;z-index:100}.admin-sidebar h2{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:2px;margin-bottom:2.5rem;opacity:.8;padding-left:1rem;text-transform:uppercase}.admin-sidebar nav{display:flex;flex-direction:column;gap:.4rem}.admin-sidebar button{align-items:center;background:none;border:none;border-radius:1rem;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.admin-sidebar button:hover{background:#ffffff08;color:#fff;transform:translateX(5px)}.admin-sidebar button.active{background:linear-gradient(135deg,#38bdf8,#818cf8);box-shadow:0 10px 20px #38bdf833;color:#fff}.admin-sidebar button i{font-size:1.1rem;text-align:center;width:20px}.assign-page-wrapper{align-items:center;display:flex;gap:.8rem}.preview-mini-btn{align-items:center;background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;color:#38bdf8;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:32px}.preview-mini-btn:hover{background:#38bdf8;box-shadow:0 5px 15px #38bdf84d;color:#fff;transform:translateY(-2px)}.admin-status-message{animation:slideInRight .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:1rem;box-shadow:0 10px 30px #0000004d;font-weight:700;padding:1rem 2rem;position:fixed;right:2rem;top:100px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-status-message.success{background:#22c55ee6;border-left:4px solid #fff;color:#fff}.admin-status-message.error{background:#ef4444e6;border-left:4px solid #fff;color:#fff}.sidebar-divider{background:#ffffff0d;height:1px;margin:1.5rem 0}.back-site-btn{margin-top:auto;opacity:.7}.back-site-btn:hover{background:#ffffff0d!important;opacity:1}.admin-loader-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.admin-loader-bars{align-items:center;display:flex;gap:6px;height:40px}.admin-loader-bars span{animation:admin-bar-pulse 1s ease-in-out infinite;background:#38bdf8;border-radius:50px;box-shadow:0 0 15px #38bdf84d;height:100%;width:4px}.admin-loader-bars span:nth-child(2){animation-delay:.2s}.admin-loader-bars span:nth-child(3){animation-delay:.4s}@keyframes admin-bar-pulse{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.admin-loader-container p{animation:admin-text-fade 1.5s infinite alternate;color:#64748b;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}@keyframes admin-text-fade{0%{opacity:.4}to{opacity:1}}.admin-main-content{background:radial-gradient(circle at 50% 0,#38bdf808 0,#0000 70%);flex:1 1;overflow-x:hidden;padding:3rem;width:100%}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}@media (max-width:480px){.analytics-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;gap:1.5rem;padding:2rem!important;text-align:center}.stat-icon-box{margin:0 auto}.chart-row-modern{align-items:flex-start;flex-direction:column;gap:.8rem}.count-label,.range-label{width:100%!important}.count-label{text-align:left!important}}.admin-mobile-nav{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172af2;border-bottom:1px solid #ffffff0d;display:none;height:60px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;top:80px;width:100%;z-index:999}.mobile-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.mobile-brand{font-size:1.1rem;font-weight:800;letter-spacing:1px}@media (max-width:1024px){.admin-sidebar{width:240px}.admin-main-content{padding:2rem}}@media (max-width:992px){.admin-mobile-nav{display:flex}.admin-sidebar{box-shadow:20px 0 50px #00000080;height:calc(100vh - 140px);left:-280px;position:fixed;top:140px;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1000}.admin-sidebar.open{left:0}.admin-main-content{padding:2rem 1.5rem}.admin-container{flex-direction:column}}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.add-btn-premium{justify-content:center;width:100%}.table-view-premium{border-radius:1.5rem;overflow-x:auto;padding:1rem}.premium-table{min-width:700px}.form-grid-premium{grid-template-columns:1fr}.form-actions-premium{flex-direction:column;gap:1rem}.form-actions-premium button{width:100%}.admin-status-message{left:1rem;right:1rem;text-align:center}}.add-btn-premium{align-items:center;background:#38bdf8;border:none;border-radius:1.2rem;box-shadow:0 10px 20px #38bdf833;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:1rem;padding:1rem 2rem;transition:all .4s}.add-btn-premium:hover{box-shadow:0 15px 30px #38bdf84d;transform:translateY(-5px)}.form-header-premium{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem}.form-header-premium h2{align-items:center;display:flex;font-size:1.8rem;font-weight:800;gap:1.5rem}.close-form-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s;width:45px}.close-form-btn:hover{background:#ef4444;transform:rotate(90deg)}.form-grid-premium{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group-premium{margin-bottom:2.5rem}.form-group-premium.full-width{grid-column:1/-1}.form-group-premium label{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;font-weight:800;gap:1rem;letter-spacing:1px;margin-bottom:1.2rem;text-transform:uppercase}.form-group-premium label i{color:#38bdf8}.form-group-premium input,.form-group-premium select,.form-group-premium textarea{background:#ffffff08;border:1px solid #ffffff14;border-radius:1.5rem;color:#fff;font-family:inherit;font-size:1rem;padding:1.2rem 1.8rem;transition:all .4s;width:100%}.form-group-premium input:focus,.form-group-premium select:focus,.form-group-premium textarea:focus{background:#ffffff0f;border-color:#38bdf8;box-shadow:0 0 20px #38bdf81a;outline:none}.file-upload-custom{position:relative}.file-upload-custom input{display:none}.upload-btn{align-items:center;background:#ffffff08;border:1px dashed #fff3!important;border-radius:1.5rem!important;color:#94a3b8!important;cursor:pointer;display:flex!important;font-weight:600!important;gap:1.5rem;justify-content:center;padding:1.2rem!important;text-transform:none!important;transition:all .3s}.upload-btn:hover{background:#38bdf80d;border-color:#38bdf8!important;color:#38bdf8!important}.form-actions-premium{display:flex;gap:2rem;justify-content:flex-end;margin-top:4rem}.btn-primary-premium{background:#38bdf8;border:none;border-radius:1.5rem;box-shadow:0 10px 30px #38bdf833;transition:all .4s}.btn-primary-premium,.btn-secondary-premium{color:#fff;cursor:pointer;font-weight:800;padding:1.2rem 3rem}.btn-secondary-premium{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem}.song-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-song-card{border-radius:2rem!important;overflow:hidden;padding:1.25rem!important;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.admin-song-card:hover{border-color:#38bdf84d;box-shadow:0 30px 60px #0000004d;transform:translateY(-8px)}.song-card-artwork{aspect-ratio:1;background:#0f172a;border-radius:1.5rem;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative;width:100%}.song-card-artwork img{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.admin-song-card:hover .song-card-artwork img{transform:scale(1.1)}.song-card-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .4s;width:100%}.admin-song-card:hover .song-card-overlay{opacity:1}.play-btn-mini{background:#38bdf8;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;transform:scale(.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:60px}.admin-song-card:hover .play-btn-mini{transform:scale(1)}.song-card-info{margin-top:2rem}.song-genre-badge{border-radius:50px;color:#fff;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.song-card-info h3{color:#fff;font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.song-card-info p{color:#64748b;font-size:.95rem;margin-bottom:2rem}.song-card-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:1.5rem}.song-meta-icons{color:#475569;display:flex;font-size:.9rem;gap:1.5rem}.song-actions-premium{align-items:center;display:flex;gap:1rem}.action-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;transition:all .3s;width:40px}.action-btn.edit{background:#38bdf81a;color:#38bdf8}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn:hover{filter:brightness(1.2);transform:scale(1.1)}.confirm-bubble{background:#ef4444;border-radius:1rem;display:flex;gap:.5rem;padding:.3rem}.confirm-cancel,.confirm-check{align-items:center;border:none;border-radius:.8rem;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;width:30px}.confirm-check{background:#fff3}.confirm-cancel{background:#0000}.no-items-placeholder{padding:8rem 2rem!important}.no-items-placeholder i{color:#1e293b;margin-bottom:2rem}.no-items-placeholder p{color:#64748b;margin-bottom:3rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:2rem;box-shadow:0 20px 50px #0003;padding:2rem;transition:all .3s ease}.stat-card:hover{border-color:#38bdf833;transform:translateY(-5px)}.stat-card h3{color:#94a3b8;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.stat-card p{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:-1px}.table-view{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:2.5rem;box-shadow:0 40px 100px #0000004d;overflow-x:auto;padding:clamp(1.5rem,5vw,3rem)}.table-view h1{font-size:2rem;font-weight:800;margin-bottom:3rem}.table-view table{border-collapse:initial;border-spacing:0 .8rem;margin-top:0;width:100%}.table-view th{border-bottom:none;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:1.5rem 2rem;text-align:left;text-transform:uppercase}.table-view td{background:#ffffff05;border-bottom:none;font-weight:500;padding:1.8rem 2rem}.table-view tr td:first-child{border-radius:1.5rem 0 0 1.5rem}.table-view tr td:last-child{border-radius:0 1.5rem 1.5rem 0}.table-view tr:hover td{background:#ffffff0d}.genre-tag{color:#fff;font-size:.7rem;font-weight:800;letter-spacing:1px;padding:.4rem 1rem}.genre-tag,.status-pill{border-radius:50px;text-transform:uppercase}.status-pill{font-size:.75rem;font-weight:700;padding:.3rem .8rem}.status-pill.pending{background:#eab3081a;color:#eab308}.table-view-premium{background:#1e293b66;border-radius:2rem;overflow-x:auto;width:100%}.premium-table{border-collapse:initial;border-spacing:0 .75rem;min-width:800px;width:100%}.premium-table th{color:#94a3b8;font-size:.8rem;font-weight:800;letter-spacing:1px;padding:1.5rem;text-align:left;text-transform:uppercase}.premium-table td{background:#ffffff05;padding:1.25rem 1.5rem;vertical-align:middle}.premium-table tr td:first-child{border-radius:1.25rem 0 0 1.25rem}.premium-table tr td:last-child{border-radius:0 1.25rem 1.25rem 0}.premium-table tr:hover td{background:#ffffff0a}.user-identity-cell{align-items:center;display:flex;gap:1rem}.user-avatar-mini{align-items:center;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:800;height:40px;justify-content:center;width:40px}.user-info-text{display:flex;flex-direction:column;gap:.2rem}.user-name-bold{color:#f1f5f9;font-weight:700}.user-email-dim{color:#64748b;font-size:.8rem}.premium-badge,.premium-status-badge{border-radius:50px;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase}.premium-status-badge.pending{background:#eab3081a;color:#eab308}.premium-status-badge.completed,.premium-status-badge.shipped{background:#22c55e1a;color:#22c55e}.premium-status-badge.in_progress{background:#6366f11a;color:#818cf8}.premium-badge.admin{background:#ef44441a;color:#ef4444}.premium-badge.servant{background:#38bdf81a;color:#38bdf8}.premium-badge.user{background:#94a3b81a;color:#94a3b8}.maturity-meter{background:#ffffff0d;height:8px;max-width:150px;overflow:visible;width:100%}.maturity-fill,.maturity-meter{border-radius:4px;position:relative}.maturity-fill{background:linear-gradient(90deg,#38bdf8,#22c55e);height:100%}.maturity-text{color:#38bdf8;font-size:.8rem;font-weight:700;position:absolute;right:-45px;top:50%;transform:translateY(-50%)}.premium-action-group{display:flex;gap:.75rem}.btn-action-premium{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;height:38px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:38px}.btn-action-premium.promote{background:#22c55e1a;color:#22c55e}.btn-action-premium.demote{background:#ef44441a;color:#ef4444}.btn-action-premium.reset{background:#6366f11a;color:#818cf8}.btn-action-premium:hover{filter:brightness(1.2);transform:scale(1.1) translateY(-2px)}.servant-pages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-template-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important}.template-visual{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);color:#38bdf81a;display:flex;font-size:3rem;height:120px;justify-content:center;position:relative}.template-id{background:#ffffff0d;border-radius:4px;color:#64748b;font-size:.7rem;font-weight:800;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.template-info{padding:1.5rem}.template-info h3{font-size:1.2rem;margin-bottom:.5rem}.template-info p{color:#64748b;font-size:.85rem;margin-bottom:1.5rem}.template-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:1rem}.usage-tag{color:#38bdf8;font-size:.7rem;font-weight:700;text-transform:uppercase}.preview-link-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem}.preview-link-btn:hover{color:#38bdf8}.admin-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:2000}.song-form-container{animation:modalScale .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1e293b;border:1px solid #ffffff1a;border-radius:2rem;box-shadow:0 40px 100px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.song-form-container h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-1px;margin-bottom:2.5rem}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:2rem}.form-group label{color:#94a3b8;display:block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1.2rem;color:#fff;font-family:inherit;font-size:1rem;padding:1.2rem 1.5rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff0f;border-color:#38bdf8;box-shadow:0 0 20px #38bdf81a;outline:none}.form-actions{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:3rem}.save-btn{background:#38bdf8;border:none;border-radius:1.2rem;box-shadow:0 10px 20px #38bdf833;color:#fff;cursor:pointer;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 15px 30px #38bdf84d;filter:brightness(1.1);transform:translateY(-3px)}.cancel-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.2rem;color:#fff;cursor:pointer;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.cancel-btn:hover{background:#ffffff1a}.file-input{font-size:.8rem!important;padding:1rem!important}.current-file-text{color:#38bdf8;font-size:.85rem;font-style:italic;margin-bottom:.5rem}.small-text{color:#64748b;font-size:.75rem;margin-top:.5rem}@media (max-width:768px){.form-row{gap:0;grid-template-columns:1fr}}.section-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}.section-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#38bdf8);-webkit-background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-1px;margin-bottom:.5rem}.header-text p{color:#64748b;font-size:clamp(.9rem,2vw,1.1rem);font-weight:500}.header-icon-glow{align-items:center;background:#38bdf81a;border-radius:2rem;box-shadow:0 0 40px #38bdf81a;color:#38bdf8;display:flex;font-size:2.2rem;height:80px;justify-content:center;width:80px}.premium-card{align-items:center;display:flex!important;gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,4vw,3rem)!important}.stat-icon-box{align-items:center;border-radius:1.5rem;display:flex;font-size:1.8rem;height:70px;justify-content:center;width:70px}.orders-glow{background:#6366f11a;color:#818cf8}.songs-glow{background:#ec48991a;color:#ec4899}.belief-glow{background:#22c55e1a;color:#4ade80}.stat-content h3{margin-bottom:.5rem!important}.stat-trend{display:block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-top:1rem;text-transform:uppercase}.stat-trend.positive{color:#4ade80}.stat-trend.neutral{color:#94a3b8}.glass-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:2.5rem;margin-top:3rem;padding:clamp(1.5rem,5vw,4rem)}.card-header-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.tag-pill{background:#38bdf81a;border-radius:50px;color:#38bdf8;font-size:.75rem;font-weight:800;padding:.5rem 1.2rem;text-transform:uppercase}.chart-row-modern{align-items:center;display:flex;gap:clamp(.5rem,3vw,2rem);margin-bottom:1.5rem}.range-label{color:#94a3b8;font-size:.9rem;font-weight:600;min-width:80px}.count-label{color:#fff;font-size:.9rem;font-weight:700;min-width:60px;text-align:right}.progress-bar-wrapper{flex:1 1}.bar-bg-modern{background:#ffffff08;height:14px;overflow:hidden}.bar-bg-modern,.bar-fill-modern{border-radius:10px;position:relative}.bar-fill-modern{background:linear-gradient(90deg,#38bdf8,#818cf8);height:100%}.bar-glow{background:#fff;filter:blur(10px);height:100%;opacity:.3;position:absolute;right:0;top:0;width:20px}.access-denied-page{align-items:center;background:linear-gradient(#0a0f1ee6,#0a0f1ef2);display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.access-denied-bg{height:100%;position:absolute;width:100%;z-index:0}.access-denied-gradient{animation:pulse 10s infinite alternate;background:radial-gradient(circle,#6366f126 0,#0000 70%);filter:blur(80px);height:100%;position:absolute;width:100%}.access-denied-content{animation:fadeIn .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:clamp(2rem,5vw,4rem);box-shadow:0 40px 100px #0003;max-width:700px;padding:clamp(2rem,8vw,5rem);position:relative;text-align:center;width:90%;z-index:1}.denied-icon-container{align-items:center;background:#6366f11a;border-radius:3rem;color:#818cf8;display:flex;height:120px;justify-content:center;margin:0 auto 2.5rem;width:120px}.denied-icon{font-size:3rem}.denied-title{color:#f1f5f9;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;letter-spacing:-1.5px;margin-bottom:1.5rem}.denied-warning{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50px;color:#818cf8;display:inline-flex;display:inline-block;font-size:.85rem;font-weight:700;gap:.75rem;letter-spacing:1px;margin-bottom:1.5rem;padding:.5rem 1.2rem;text-transform:uppercase}.denied-warning i{color:#818cf8;font-size:1rem}.denied-warning span{color:#818cf8;font-size:.85rem;font-weight:700;letter-spacing:1px}.denied-message{color:#94a3b8;font-size:1.2rem;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px}.denied-details{grid-gap:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a80;border:1px solid #ffffff0d;border-radius:2rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2.5rem;padding:2rem;text-align:left}.denied-detail-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.5rem;display:flex;gap:1rem;padding:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.denied-detail-item:hover{background:#ffffff0f;border-color:#6366f14d;box-shadow:0 10px 30px #0003;transform:translateX(10px)}.detail-icon-wrapper{align-items:center;background:#6366f11a;border-radius:1.25rem;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.detail-icon-wrapper i{color:#818cf8;font-size:1.25rem}.detail-content{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#64748b;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#f1f5f9;font-size:1rem;font-weight:600}.denied-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.denied-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.denied-btn-primary{background:#6366f1;box-shadow:0 0 30px #6366f14d;color:#fff}.denied-btn-primary:hover{box-shadow:0 0 40px #6366f166;filter:brightness(1.1);transform:translateY(-3px)}.denied-btn-secondary{background:#0000;border:1px solid #fff3;color:#fff}.denied-btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.denied-footer{border-top:1px solid #ffffff0d;padding-top:2rem}.denied-footer p{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.denied-security-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:1.5rem;display:inline-flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.denied-security-badge:hover{background:#6366f126;transform:translateY(-2px)}.badge-icon{align-items:center;background:#6366f126;border-radius:1.25rem;display:flex;height:50px;justify-content:center;width:50px}.badge-icon i{color:#818cf8;font-size:1.5rem}.badge-content{display:flex;flex-direction:column;gap:.25rem;text-align:left}.badge-title{color:#818cf8;font-size:1rem;font-weight:700}.badge-subtitle{color:#64748b;font-size:.8rem}.chart-mockup{margin-top:2rem!important;padding:clamp(1.5rem,4vw,3rem)!important}.chart-container{margin-top:1rem}.premium-select-sm{background:#0f172a99!important;border:1px solid #ffffff1a!important;border-radius:10px!important;color:#fff!important;cursor:pointer;font-size:.85rem!important;outline:none;padding:.5rem 1rem!important;transition:all .3s ease;width:100%}.premium-select-sm:focus{border-color:#38bdf8!important;box-shadow:0 0 15px #38bdf833}.premium-select-sm option{background:#0f172a;color:#fff}.premium-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid-premium{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width:640px){.premium-table td:nth-child(n+4),.premium-table th:nth-child(n+4){display:none}.user-name-bold{font-size:.9rem}.user-email-dim{display:none}}.no-items-placeholder{align-items:center;background:#1e293b33!important;border:2px dashed #ffffff0d!important;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem!important;text-align:center}.no-items-placeholder i{color:#38bdf833;font-size:4rem;margin-bottom:1.5rem}.no-items-placeholder p{color:#94a3b8;font-size:1.1rem;margin-bottom:2rem;max-width:400px}@media (max-width:768px){.admin-container{grid-template-columns:1fr}.access-denied-content{border-radius:3rem;margin:1rem;max-width:calc(100% - 2rem);padding:3rem}.denied-title{font-size:2.2rem;letter-spacing:-1.5px}.denied-icon-container{border-radius:2.5rem;height:100px;width:100px}.denied-icon{font-size:2.5rem}.denied-details{border-radius:2rem;grid-template-columns:1fr;padding:2rem}.denied-actions{flex-direction:column}.denied-btn{justify-content:center;width:100%}}:root{--servant-primary:var(--servant-theme,#818cf8);--servant-primary-glow:#818cf84d;--servant-bg-dark:#0a0f1e;--servant-card-bg:#1e293b66;--servant-border:#ffffff0d;--servant-text-main:#f1f5f9;--servant-text-muted:#94a3b8}.classy-theme{--classy-bg:var(--servant-bg-dark);--classy-text:var(--servant-text-main);--classy-muted:var(--servant-text-muted);--classy-accent:var(--servant-primary);--classy-border:var(--servant-border);background:var(--classy-bg);color:var(--classy-text);font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.classy-theme:before{background:radial-gradient(circle at 50% 0,#6366f126 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.classy-theme h1,.classy-theme h2,.classy-theme h3{font-family:Poppins,sans-serif;font-weight:800;letter-spacing:-.02em}.classy-theme .typography-body,.classy-theme p{color:var(--classy-muted);font-family:Poppins,sans-serif;line-height:1.8}.servant-floating-header.desktop-only{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172a99;border:1px solid var(--classy-border);border-radius:100px;display:flex;justify-content:center;left:50%;min-width:600px;padding:.8rem 2rem;position:fixed;top:2rem;transform:translateX(-50%);transition:all .4s ease;width:auto;z-index:1000}.header-inner{align-items:center;display:flex;gap:3rem;justify-content:space-between;width:100%}.ministry-logo{color:#fff;font-size:.9rem;font-weight:800;letter-spacing:2px;text-decoration:none;text-transform:uppercase}.header-nav{align-items:center;display:flex;gap:2rem}.header-nav button{background:none;border:none;color:var(--classy-muted);cursor:pointer;font-size:.85rem;font-weight:600;transition:.3s}.header-nav button:hover{color:#fff}.cta-header-btn{background:var(--classy-accent)!important;border-radius:50px!important;box-shadow:0 5px 15px #818cf84d;box-shadow:0 5px 15px var(--servant-primary-glow);color:#fff!important;padding:.6rem 1.5rem}.classy-hero{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%}.banner-img{filter:blur(5px);height:100%;object-fit:cover;opacity:.4;width:100%}.banner-placeholder{background:linear-gradient(135deg,#0a0f1e,#000);height:100%;width:100%}.hero-vignette{background:radial-gradient(circle at center,#0000,#0a0f1ee6);height:100%;left:0;position:absolute;top:0;width:100%}.hero-core{color:#fff;max-width:900px;padding:0 2rem;position:relative;text-align:center;z-index:10}.avatar-frame{background:linear-gradient(135deg,var(--classy-accent),#0000);border-radius:50%;box-shadow:0 0 40px #818cf84d;box-shadow:0 0 40px var(--servant-primary-glow);height:160px;margin:0 auto 2.5rem;padding:6px;width:160px}.avatar-img,.avatar-letter{border:4px solid #000;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-letter{align-items:center;background:var(--classy-accent);display:flex;font-size:3.5rem;font-weight:800;justify-content:center}.servant-subtitle{background:#6366f11a;border:1px solid #6366f133;border-radius:50px;color:var(--classy-accent);display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:2px;margin-bottom:1.5rem;padding:.5rem 1.2rem;text-transform:uppercase}.servant-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:2rem;text-transform:uppercase}.mission-statement{color:var(--classy-muted);font-size:1.4rem;line-height:1.6;margin:0 auto 3.5rem;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-bottom:2rem}.btn-classy,.btn-classy-outline{border-radius:1rem;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:1.2rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-classy{background:var(--classy-accent);border:none;box-shadow:0 10px 30px #818cf84d;box-shadow:0 10px 30px var(--servant-primary-glow);color:#fff}.btn-classy:hover{box-shadow:0 15px 40px #818cf84d;box-shadow:0 15px 40px var(--servant-primary-glow);filter:brightness(1.1);transform:translateY(-5px)}.btn-classy-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.btn-classy-outline:hover{background:#ffffff1a;border-color:#fff}.classy-content-container{margin:-8rem auto 8rem;max-width:1300px;padding:0 2rem;position:relative;z-index:20}.classy-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1.8fr 1fr}.classy-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#1e293b66;background:var(--servant-card-bg);border:1px solid var(--classy-border);border-radius:4rem;box-shadow:0 40px 100px #0000004d;margin-bottom:4rem;padding:5rem}.section-title{font-size:3rem;font-weight:800;letter-spacing:-1.5px}.section-title:after{display:none}.typography-body{font-size:1.15rem}.servant-signature{border-top:1px solid var(--classy-border);margin-top:5rem;padding-top:3rem}.servant-signature p{color:var(--classy-accent);font-family:Playfair Display,serif;font-size:1.4rem;font-style:italic;margin-bottom:.5rem}.servant-signature h4{color:#fff;font-size:2.2rem}.book-highlight{overflow:hidden;position:relative}.book-flex{align-items:center;display:flex;gap:3rem}.book-preview{flex:0 0 200px;perspective:1000px}.classy-book-img{border-radius:.5rem;box-shadow:-10px 10px 30px #00000080;transform:rotateY(-15deg) rotateX(5deg);transition:all .5s ease;width:100%}.book-highlight:hover .classy-book-img{box-shadow:0 20px 40px #0009;transform:rotateY(0deg) rotateX(0deg) scale(1.05)}.book-details{flex:1 1}.label-top{color:var(--classy-accent);display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase}.book-details h3{color:#fff;font-size:2.2rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem}.book-desc{color:var(--classy-muted);font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.book-btns{display:flex;flex-wrap:wrap;gap:1.5rem}.btn-action,.btn-action-alt{align-items:center;border-radius:.8rem;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;justify-content:center;letter-spacing:1px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .4s}.btn-action{background:var(--classy-accent);border:none;box-shadow:0 5px 15px #818cf84d;box-shadow:0 5px 15px var(--servant-primary-glow);color:#fff}.btn-action:hover{box-shadow:0 10px 25px #818cf84d;box-shadow:0 10px 25px var(--servant-primary-glow);filter:brightness(1.1);transform:translateY(-3px)}.btn-action-alt{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.btn-action-alt:hover{background:#ffffff1a;border-color:#fff}.success-toast{color:#4ade80;font-size:.9rem;font-weight:600;margin-top:1.5rem}.side-col{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.wisdom-sidebar{overflow:hidden;position:relative;transition:all .5s ease}.wisdom-sidebar:hover{border-color:var(--classy-accent);box-shadow:0 50px 100px #0006;transform:translateY(-5px)}.card-accent{background:linear-gradient(90deg,var(--classy-accent),#0000);display:block;height:5px;left:0;position:absolute;top:0;width:100%}.side-title{color:var(--classy-accent);font-size:.9rem;font-weight:800;letter-spacing:3px;margin-bottom:2rem;text-transform:uppercase}.wisdom-quote{color:#fff;font-family:Playfair Display,serif;font-size:1.6rem;font-style:italic;line-height:1.5;margin-bottom:3rem}.divider{background:var(--classy-border);height:1px;margin:3rem 0}.bio-brief{font-size:1.1rem;line-height:1.7}.modern-worship-experience{background:#0f172a4d;border-bottom:1px solid var(--classy-border);border-top:1px solid var(--classy-border);margin:4rem 0;overflow:hidden;padding:10rem 2rem;position:relative}.worship-background-glow{background:radial-gradient(circle at 50% 50%,#6366f114 0,#0000 70%);height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.section-header-centered{margin:0 auto 6rem;max-width:800px;position:relative;text-align:center;z-index:1}.label-top-glow{background:#6366f11a;border:1px solid #6366f133;border-radius:50px;box-shadow:0 0 20px #6366f11a;color:var(--classy-accent);display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:3px;margin-bottom:2rem;padding:.6rem 1.5rem}.section-title-large{font-size:4.5rem;font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:1.5rem}.section-title-large .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--classy-accent) 0,#38bdf8 100%);-webkit-background-clip:text}.section-subtitle{color:var(--classy-muted);font-size:1.3rem}.immersive-player-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px;position:relative;z-index:1}.immersive-song-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:3rem;cursor:pointer;padding:1.5rem;transition:all .6s cubic-bezier(.16,1,.3,1)}.immersive-song-card:hover{background:#1e293b99;border-color:#6366f166;box-shadow:0 40px 80px #00000080;transform:translateY(-20px) scale(1.03)}.immersive-song-card.active{background:#6366f11a;border-color:var(--classy-accent)}.song-visual-container{aspect-ratio:16/11;border-radius:2.2rem;box-shadow:0 15px 35px #0000004d;overflow:hidden;position:relative;width:100%}.song-img{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.immersive-song-card:hover .song-img{transform:scale(1.1)}.song-overlay-premium{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .4s ease;width:100%}.immersive-song-card.active .song-overlay-premium,.immersive-song-card:hover .song-overlay-premium{opacity:1}.play-button-circle{align-items:center;background:var(--classy-accent);border-radius:50%;box-shadow:0 0 30px #818cf84d;box-shadow:0 0 30px var(--servant-primary-glow);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;transform:scale(.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:80px}.immersive-song-card:hover .play-button-circle{transform:scale(1)}.song-metadata-premium{padding:2rem 1rem 1rem}.song-metadata-premium h4{color:#fff;font-size:1.4rem;font-weight:800;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-metadata-premium p{color:var(--classy-muted);font-size:1rem;margin-bottom:1.5rem}.song-genre-tag{background:#ffffff0d;border-radius:50px;color:#818cf8;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.4rem 1rem;text-transform:uppercase}.worship-footer-action{margin-top:6rem;text-align:center}.btn-explore-library{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;color:#fff;display:inline-flex;font-weight:800;gap:1.5rem;letter-spacing:2px;padding:1.5rem 4rem;text-decoration:none;text-transform:uppercase;transition:all .4s}.btn-explore-library:hover{background:#fff;color:#000;transform:translateY(-5px)}.fa-spin-hover{transition:transform .8s ease}.btn-explore-library:hover .fa-spin-hover{transform:rotate(180deg)}.modern-contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin:8rem auto;max-width:1400px;padding:0 2rem}.contact-info-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1e293b66;background:var(--servant-card-bg);border:1px solid var(--classy-border);border-radius:5rem;box-shadow:0 40px 100px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:6rem;position:relative}.card-accent-line{background:var(--classy-accent);border-radius:0 10px 10px 0;box-shadow:0 0 30px #818cf84d;box-shadow:0 0 30px var(--servant-primary-glow);height:120px;left:0;position:absolute;top:6rem;width:8px}.contact-info-card h2{font-size:4rem;font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:2rem}.contact-info-card p{color:var(--classy-muted);font-size:1.3rem;line-height:1.7;margin-bottom:4rem}.contact-details-mini{display:flex;flex-direction:column;gap:2.5rem}.contact-item{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:2rem;transition:transform .3s ease}.contact-item:hover{transform:translateX(10px)}.contact-item i{align-items:center;background:#6366f11a;border-radius:1.8rem;box-shadow:0 10px 20px #0003;color:var(--classy-accent);display:flex;font-size:1.5rem;height:65px;justify-content:center;width:65px}.contact-form-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0f172a66;border:1px solid var(--classy-border);border-radius:5rem;box-shadow:0 40px 100px #0000004d;padding:6rem}.form-group-modern{margin-bottom:2.5rem}.form-group-modern input,.form-group-modern textarea{background:#ffffff08;border:1px solid #ffffff14;border-radius:2.5rem;color:#fff;font-family:Poppins,sans-serif;font-size:1.2rem;padding:2rem 2.5rem;transition:all .4s;width:100%}.form-group-modern textarea{border-radius:3rem;min-height:250px;resize:vertical}.form-group-modern input:focus,.form-group-modern textarea:focus{background:#ffffff0f;border-color:var(--classy-accent);box-shadow:0 0 30px #6366f126;outline:none;transform:scale(1.01)}.btn-modern-submit{align-items:center;background:var(--classy-accent);border:none;border-radius:2.5rem;box-shadow:0 20px 50px #818cf84d;box-shadow:0 20px 50px var(--servant-primary-glow);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:900;gap:2rem;justify-content:center;letter-spacing:3px;padding:2.2rem;text-transform:uppercase;transition:all .5s cubic-bezier(.16,1,.3,1);width:100%}.btn-modern-submit:hover{box-shadow:0 30px 70px #818cf84d;box-shadow:0 30px 70px var(--servant-primary-glow);filter:brightness(1.1);transform:translateY(-10px)}.btn-modern-submit i{transition:transform .5s ease}.btn-modern-submit:hover i{transform:translate(10px,-10px)}.success-banner-modern{background:#22c55e1a;border:1px solid #22c55e33;border-radius:1.5rem;color:#4ade80;font-weight:600;margin-top:2rem;padding:1.5rem;text-align:center}.modern-fellowship-banner{background:#050a18;overflow:hidden;padding:12rem 2rem;position:relative}.modern-fellowship-banner:before{background:radial-gradient(circle,#6366f11f 0,#0000 70%);content:"";filter:blur(80px);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1200px}.fellowship-content{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293b66;border:1px solid #ffffff14;border-radius:6rem;box-shadow:0 50px 120px #0006;margin:0 auto;max-width:1200px;padding:8rem;position:relative;text-align:center;z-index:1}.fellowship-visual{margin-bottom:4rem}.fellowship-visual i{color:var(--classy-accent);filter:drop-shadow(0 0 20px rgba(129,140,248,.3));filter:drop-shadow(0 0 20px var(--servant-primary-glow));font-size:5rem}.fellowship-text h2{font-size:5rem;font-weight:900;letter-spacing:-3.5px;line-height:1;margin-bottom:2rem}.fellowship-text .highlight{color:var(--classy-accent);text-shadow:0 0 40px #818cf84d;text-shadow:0 0 40px var(--servant-primary-glow)}.fellowship-text p{color:var(--classy-muted);font-size:1.6rem;line-height:1.6;margin:0 auto 5rem;max-width:800px}.fellowship-actions{display:flex;gap:3rem;justify-content:center}.btn-modern-outline,.btn-modern-primary{border-radius:2.5rem;font-size:1.1rem;font-weight:900;letter-spacing:2px;padding:1.8rem 5rem;text-decoration:none;text-transform:uppercase;transition:all .5s cubic-bezier(.16,1,.3,1)}.btn-modern-primary{background:#fff;box-shadow:0 15px 40px #ffffff1a;color:#000}.btn-modern-primary:hover{box-shadow:0 25px 60px #fff3;transform:translateY(-10px)}.btn-modern-outline{background:#ffffff05;border:1px solid #ffffff26;color:#fff}.btn-modern-outline:hover{background:#ffffff14;border-color:#fff;transform:translateY(-10px)}.servant-page-container{background-color:#020617;color:#f1f5f9;display:flex;font-family:Poppins,sans-serif;min-height:100vh;padding-top:80px}.servant-sidebar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0a0f1ef2;border-right:1px solid #ffffff0d;box-shadow:20px 0 50px #0003;display:flex;flex-direction:column;height:100vh;padding:3rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .5s cubic-bezier(.16,1,.3,1);width:320px;z-index:1000}.servant-sidebar:hover{background:#0a0f1e;width:340px}.nav-item{align-items:center;border-radius:1.5rem;color:#94a3b8;cursor:pointer;display:flex;font-weight:600;gap:1.5rem;margin-bottom:.8rem;padding:1.2rem 1.8rem;transition:all .3s ease}.nav-item:hover{background:#ffffff08;color:#fff;transform:translateX(5px)}.nav-item.active{background:#818cf8;background:var(--servant-primary);box-shadow:0 10px 25px #818cf84d;box-shadow:0 10px 25px var(--servant-primary-glow);color:#fff}.nav-item i{font-size:1.2rem;text-align:center;width:25px}.servant-mobile-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0f1ef2;border-bottom:1px solid #ffffff0d;display:none;height:70px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;top:0;width:100%;z-index:1100}.mobile-logo{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:800;gap:.8rem}.mobile-logo i{color:#818cf8;color:var(--servant-primary)}.hamburger-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:45px;justify-content:center;transition:.3s;width:45px;z-index:1200}.hamburger-btn:hover{background:#ffffff14}.hamburger-btn span{background:#fff;border-radius:2px;display:block;height:2px;transition:.3s cubic-bezier(.16,1,.3,1);width:22px}.hamburger-btn.active span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1900}@media (max-width:1024px){.servant-page-container{flex-direction:column}.servant-mobile-header{display:flex}.servant-sidebar{display:none}.servant-main{margin-left:0!important;padding:100px 1.5rem 4rem!important}.servant-header{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.servant-header h1{font-size:2rem!important}.servant-dashboard-grid{gap:1.5rem!important;grid-template-columns:1fr!important}.dashboard-card{border-radius:2rem!important;padding:2rem!important}.profile-edit-grid{gap:1.5rem!important;grid-template-columns:1fr!important}.edit-card,.section-card{border-radius:2rem!important;padding:2.5rem!important}}@media (max-width:480px){.card-info .value{font-size:2rem!important}.servant-profile h3{font-size:1.2rem}.servant-sidebar{width:85%}}.servant-main{background:radial-gradient(circle at 50% 0,#6366f10d 0,#0000 70%);flex:1 1;padding:4rem}.servant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4rem}.servant-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-1.5px}.date-subtitle{color:#64748b;margin-top:.5rem}.servant-dashboard-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.dashboard-card{align-items:center;background:#0f172a;border:1px solid #ffffff0d;border-radius:2.5rem;display:flex;gap:2rem;padding:2.5rem;transition:all .4s ease}.dashboard-card:hover{border-color:#6366f133;transform:translateY(-10px)}.card-icon{align-items:center;background:#6366f11a;border-radius:2rem;color:#818cf8;color:var(--servant-primary);display:flex;font-size:1.8rem;height:70px;justify-content:center;width:70px}.card-info .label{color:#64748b;display:block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.card-info .value{color:#fff;font-size:2.5rem;font-weight:800;line-height:1}.section-card{background:#0f172a;border:1px solid #ffffff0d;border-radius:2.5rem;margin-bottom:2.5rem;padding:3rem}.section-card h3{align-items:center;display:flex;font-size:1.5rem;gap:1rem;margin-bottom:2rem}.section-card h3 i{color:#818cf8;color:var(--servant-primary)}.control-group{margin-bottom:2rem}.control-group label{color:#94a3b8;display:block;font-weight:500;margin-bottom:1rem}.control-group input,.control-group select,.control-group textarea{background:#1e293b;border:1px solid #ffffff1a;border-radius:1rem;color:#fff;font-family:inherit;font-size:1rem;padding:1.2rem 1.5rem;width:100%}.save-cust-btn-top{background:#818cf8;background:var(--servant-primary);border:none;border-radius:1rem;box-shadow:0 10px 20px #818cf84d;box-shadow:0 10px 20px var(--servant-primary-glow);color:#fff;cursor:pointer;font-weight:700;padding:1rem 2rem;transition:.3s}.save-cust-btn-top:hover{box-shadow:0 15px 30px #818cf84d;box-shadow:0 15px 30px var(--servant-primary-glow);transform:translateY(-3px)}.profile-edit-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.edit-card{background:#0f172a;border:1px solid #ffffff0d;border-radius:2.5rem;padding:3rem}.color-picker-wrapper{align-items:center;display:flex;gap:1.5rem}.color-picker-wrapper input[type=color]{background:none;border:none;border-radius:1rem;cursor:pointer;height:60px;padding:0;width:60px}.color-picker-wrapper code{background:#1e293b;border-radius:.5rem;font-family:monospace;padding:.5rem 1rem}.contact-message-card{background:#ffffff05;border:1px solid #ffffff0d;border:1px solid var(--servant-border);border-radius:1.5rem;margin-bottom:1.5rem;padding:2rem}.contact-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.contact-name{color:#fff;font-size:1.1rem;font-weight:700}.contact-date{color:#64748b;font-size:.85rem}.contact-email{color:#818cf8;color:var(--servant-primary);font-size:.9rem;margin-bottom:1rem}.contact-body{color:#94a3b8;line-height:1.6}.servant-loading-screen{align-items:center;background:#020617;color:#fff;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center}.spiritual-loader{height:120px;position:relative;width:120px}.loader-ring{animation:spin 2s linear infinite;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--servant-primary);height:100%;position:absolute;width:100%}.loader-ring:nth-child(2){animation-duration:1.5s;border-top-color:#38bdf8;height:80%;left:10%;top:10%;width:80%}.loader-ring:nth-child(3){animation-duration:1s;border-top-color:#818cf8;height:60%;left:20%;top:20%;width:60%}@keyframes spin{to{transform:rotate(1turn)}}.loader-icon-wrapper{color:#fff;font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.servant-error{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.servant-error i{color:#ef4444;font-size:4rem;margin-bottom:2rem}.fab-classy{align-items:center;background:var(--classy-accent);border:none;border-radius:50%;bottom:2rem;box-shadow:0 10px 30px #818cf84d;box-shadow:0 10px 30px var(--servant-primary-glow);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:65px;justify-content:center;position:fixed;right:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);width:65px;z-index:999}.fab-classy:hover{box-shadow:0 15px 40px #818cf84d;box-shadow:0 15px 40px var(--servant-primary-glow);filter:brightness(1.1);transform:translateY(-5px) scale(1.1)}@media (min-width:1600px){.classy-content-container{max-width:1600px}.classy-grid{gap:8rem;grid-template-columns:1.6fr 1fr}.wisdom-sidebar{padding:6rem}.wisdom-quote{font-size:2rem}}@media (max-width:1200px){.contact-info-card h2,.section-title-large{font-size:3.5rem}.fellowship-text h2{font-size:4rem}}@media (max-width:992px){.modern-contact-grid{gap:3rem;grid-template-columns:1fr}.fellowship-content{border-radius:4rem;padding:6rem 3rem}.fellowship-text h2{font-size:3rem}.fellowship-actions{flex-direction:column;gap:1.5rem}.btn-modern-outline,.btn-modern-primary{padding:1.5rem 2rem;width:100%}.classy-grid{gap:2rem;grid-template-columns:1fr}.classy-content-container{margin-top:-4rem}.classy-card{border-radius:2.5rem;padding:3rem!important}.servant-sidebar{display:none}}@media (max-width:768px){.section-title-large{font-size:2.8rem}.immersive-player-grid{gap:2rem;grid-template-columns:1fr}.modern-worship-experience{padding:6rem 1.5rem}.contact-form-card,.contact-info-card{border-radius:3rem;padding:4rem 2rem}.contact-info-card h2{font-size:2.8rem}.fellowship-text p{font-size:1.2rem}}@media (max-width:600px){.classy-hero{height:auto;padding:8rem 1rem 4rem}.avatar-frame{height:120px;margin-bottom:1.5rem;width:120px}.servant-name{font-size:3rem;letter-spacing:-1px;margin-bottom:1.5rem}.mission-statement{font-size:1.1rem;margin-bottom:2.5rem}.hero-actions{flex-direction:column;gap:1rem;width:100%}.btn-classy,.btn-classy-outline{padding:1rem;width:100%}.classy-content-container{margin-top:-2rem;padding:0 1rem}.section-title{font-size:2.2rem;margin-bottom:2rem}.book-flex{flex-direction:column;text-align:center}.book-preview{flex:0 0 auto;margin:0 auto;width:150px}.book-btns{justify-content:center}.servant-signature h4{font-size:1.8rem}}.privacy-page.homepage,.terms-page.homepage{background:linear-gradient(#0a0f1ee6,#0a0f1ef2),url(https://i.imgur.com/veOEaC1.png);background-attachment:fixed;background-position:50%;background-size:cover;color:#f1f5f9;font-family:Poppins,sans-serif;overflow-x:hidden}.hero-section{align-items:center;display:flex;min-height:50vh;overflow:hidden;padding:120px 0 80px;position:relative}.hero-title{color:#fff;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:2rem;text-transform:uppercase}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;display:block;text-shadow:0 0 30px #6366f14d}.hero-subtitle{color:#94a3b8;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;margin-bottom:3.5rem;max-width:600px}.salvation-section{padding:6rem 0;position:relative}.belief-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:4rem;box-shadow:0 40px 100px #0003;margin:0 auto;max-width:1000px;padding:5rem}@media (max-width:768px){.hero-section,.salvation-section{padding:6rem 0}.belief-card{padding:2.5rem}}.not-found-page{align-items:center;background:linear-gradient(#0a0f1ee6,#0a0f1ef2);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 20px 80px}.not-found-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.not-found-gradient{animation:pulse 10s infinite alternate;background:radial-gradient(circle,#6366f126 0,#0000 70%);filter:blur(80px);height:100%;position:absolute;width:100%}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}.gradient-sphere{animation:pulse 10s infinite alternate;background:radial-gradient(circle,#6366f126 0,#0000 70%);filter:blur(80px);height:600px;pointer-events:none;position:absolute;right:-5%;top:-10%;width:600px;z-index:0}.gradient-sphere.secondary{background:radial-gradient(circle,#6366f11a 0,#0000 70%);left:-10%;top:40%}.not-found-content{animation:fadeIn .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:4rem;box-shadow:0 40px 100px #0003;max-width:700px;padding:5rem;position:relative;text-align:center;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-icon-container{align-items:center;background:#6366f11a;border-radius:3rem;color:#818cf8;display:flex;height:120px;justify-content:center;margin:0 auto 2.5rem;width:120px}.not-found-icon{font-size:3rem}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;color:#f1f5f9;font-size:6rem;font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:1rem;text-shadow:0 0 30px #6366f14d}.not-found-subtitle{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50px;color:#818cf8;display:inline-flex;display:inline-block;font-size:.85rem;font-weight:700;gap:.75rem;letter-spacing:1px;margin-bottom:1.5rem;padding:.5rem 1.2rem;text-transform:uppercase}.not-found-subtitle i{color:#818cf8;font-size:1rem}.not-found-subtitle span{color:#818cf8;font-size:.85rem;font-weight:700;letter-spacing:1px}.not-found-message{color:#94a3b8;font-size:1.2rem;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px}.not-found-suggestions{grid-gap:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a80;border:1px solid #ffffff0d;border-radius:2.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem;padding:2.5rem;text-align:left}.suggestion-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.5rem;display:flex;gap:1rem;padding:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.suggestion-item:hover{background:#ffffff0f;border-color:#6366f14d;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.suggestion-icon-wrapper{align-items:center;background:#6366f11a;border-radius:1.25rem;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.suggestion-icon-wrapper i{color:#818cf8;font-size:1.25rem}.suggestion-content{display:flex;flex-direction:column;gap:.25rem}.suggestion-label{color:#f1f5f9;font-size:1rem;font-weight:600}.suggestion-value{color:#64748b;font-size:.85rem}.not-found-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.not-found-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.not-found-btn-primary{background:#6366f1;box-shadow:0 0 30px #6366f14d;color:#fff}.not-found-btn-primary:hover{box-shadow:0 0 40px #6366f166;filter:brightness(1.1);transform:translateY(-3px)}.not-found-btn-secondary{background:#0000;border:1px solid #fff3;color:#fff}.not-found-btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.not-found-footer{border-top:1px solid #ffffff0d;padding-top:2rem}.not-found-footer p{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.not-found-brand{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:1.5rem;display:inline-flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.not-found-brand:hover{background:#6366f126;transform:translateY(-2px)}.brand-icon{align-items:center;background:#6366f126;border-radius:1.25rem;display:flex;height:50px;justify-content:center;width:50px}.brand-icon i{color:#818cf8;font-size:1.5rem}.brand-content{display:flex;flex-direction:column;gap:.25rem;text-align:left}.brand-title{color:#818cf8;font-size:1rem;font-weight:700}.brand-subtitle{color:#64748b;font-size:.8rem}@media (max-width:768px){.not-found-page{padding:100px 15px 60px}.not-found-content{border-radius:3rem;padding:3rem}.not-found-title{font-size:4rem;letter-spacing:-2px}.not-found-icon-container{border-radius:2.5rem;height:100px;width:100px}.not-found-icon{font-size:2.5rem}.not-found-suggestions{border-radius:2rem;grid-template-columns:1fr;padding:2rem}.not-found-actions{flex-direction:column}.not-found-btn{justify-content:center;width:100%}}.main-content{background-color:#0a0f1e;color:#f1f5f9;min-height:calc(100vh - 200px)}.music-toast-container{left:50%;position:fixed;top:100px;transform:translateX(-50%);z-index:3000}.music-toast{align-items:center;animation:toastPop .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f1e6;border:1px solid #fff3;border-radius:50px;box-shadow:0 10px 25px #0000004d;color:#fff;display:flex;font-weight:600;gap:12px;padding:12px 24px}@keyframes toastPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.toast-action-btn{background:#fff;border:none;border-radius:20px;color:#6366f1;cursor:pointer;font-size:.8rem;font-weight:800;margin-left:8px;padding:4px 12px;pointer-events:auto;transition:all .2s}.toast-action-btn:hover{box-shadow:0 0 15px #fff6;transform:scale(1.05)}.music-toast-container{pointer-events:none}.music-toast{pointer-events:auto}@media (max-width:768px){.main-content{min-height:auto}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f9f7f4;color:#333;font-family:Open Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#1a3a52;font-family:Merriweather,serif;margin-bottom:1rem}a{color:inherit;text-decoration:none}a,button{transition:all .3s ease}button{border:none;cursor:pointer;font-family:Open Sans,sans-serif}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{font-size:2.5rem;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#c9a961,#8b7355);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.btn{border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#c9a961,#8b7355);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #c9a9614d;transform:translateY(-2px)}.btn-secondary{background-color:#fff;border:2px solid #c9a961;color:#1a3a52}.btn-secondary:hover{background-color:#c9a961;color:#fff}@media (max-width:768px){.section-title{font-size:2rem}.container{padding:0 15px}}
/*# sourceMappingURL=main.868bef64.css.map*/