@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";html,body,#root{height:100%}:root{--site-max-width: 1160px;--site-padding: 20px;--gap: 18px}body{margin:0;font-family:Poppins,sans-serif;background:#fff;color:#0f172a}h1,h2,h3,h4,h5,h6{font-weight:600;color:#0f172a}.app-root{display:flex;flex-direction:column;min-height:100vh}.container{align-items:center;justify-content:space-between;width:100%;max-width:var(--site-max-width);margin:20px auto;padding:0 var(--site-padding) 20px;box-sizing:border-box}.container-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--site-max-width);margin:0 auto;padding:16px var(--site-padding);box-sizing:border-box}.site-header{display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:50}.logo{float:left}.logo-img{max-width:320px;width:auto;height:auto;display:block}.site-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.site-nav a{color:#fff;text-decoration:none;padding:10px 16px;border-radius:6px;border:1px solid #008D36;background:#008d36;font-size:14px;font-weight:500;transition:all .2s ease;display:inline-block}.site-nav a:hover{background:#fff;border-color:#008d36;color:#008d36}.hero{text-align:center;margin-bottom:40px;padding:20px 0 0}.hero p{margin:0;font-size:16px;color:#475569}.albums{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}@media (max-width: 900px){.albums{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.albums{grid-template-columns:1fr}}@media (max-width: 520px){.albums{grid-template-columns:1fr}}.album-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 6px 18px #0206170f;display:flex;flex-direction:column;transition:all .25s ease;cursor:pointer}.album-card:hover{background:#008c364d;border:1px solid rgba(0,141,54,.25);transform:translateY(-6px);box-shadow:0 12px 28px #00000026}.thumb-link{display:block;border-radius:8px;overflow:hidden;background:#e6e9ef;width:100%;aspect-ratio:16 / 9;margin-bottom:10px;cursor:pointer}.thumb-link img{pointer-events:none}.thumb-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600}.album-meta h3{margin:0 0 6px}.album-meta p{margin:0;color:#475569;font-size:13px}.site-footer{background:#0f172a;color:#fff;padding:12px 20px;font-size:13px}.footer-content{display:flex;gap:24px;align-items:center;justify-content:center}.footer-content a{color:#fff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.copyright{color:#fff;text-align:center;margin-top:8px;opacity:.85}.about-container{min-height:100vh;display:flex;flex-direction:column;background:#f7f8fb}.about-card{max-width:calc(var(--site-max-width) + 40px);margin:24px auto;background:#fff;border-radius:12px;padding:28px;box-shadow:0 8px 24px #0206170f}.about-split{display:flex;gap:24px;align-items:center}.about-left{flex:1}.about-right{flex:1;display:flex;align-items:center;justify-content:center}.designer-img{width:100%;max-width:420px;border-radius:10px;box-shadow:0 8px 20px #02061714}.whatsapp-button{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#008d36;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0206172e;z-index:9999;text-decoration:none}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999}.video-container{width:90%;max-width:1100px;max-height:90vh;background:#000;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.close-video{position:fixed;top:20px;right:25px;background:#008d36;border:none;color:#fff;font-size:16px;cursor:pointer;padding:6px 10px;border-radius:6px;z-index:10000}.video-layout{display:flex;gap:20px;align-items:flex-start;width:100%}.video-player{flex:1;position:relative}.video-player iframe{width:100%;aspect-ratio:16 / 9;border-radius:8px}.playlist-right{width:320px;max-height:460px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.playlist-right .video-item{display:flex;gap:10px;align-items:center;padding:8px;border-radius:6px;cursor:pointer;transition:all .25s ease}.playlist-right .video-item:hover{background:#008d3614}.playlist-right .video-item.active{background:#008d362e;border-left:4px solid #008D36}.playlist-right .video-item img{width:110px;border-radius:4px}.playlist-right .video-item span{font-size:13px;color:#fff;line-height:1.3}.playlist-right::-webkit-scrollbar{width:6px}.playlist-right::-webkit-scrollbar-thumb{background:#008d36;border-radius:10px}@media (max-width: 768px){.site-header{flex-direction:column;gap:10px}.logo-img{max-width:220px}.site-nav{justify-content:center}.hero h1{font-size:22px}.album-card{padding:18px}.video-layout{flex-direction:column;gap:15px}.playlist-right{width:100%;max-height:220px}.playlist-right .video-item img{width:90px}.about-split{flex-direction:column;text-align:center}.whatsapp-button{width:48px;height:48px;right:15px;bottom:15px}}