:root{color:#102347;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fc;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;min-width:320px;min-height:100%}button,input,textarea,select{font:inherit}:root{color:#102347;background:#f5f7fc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.marketing-page{background:radial-gradient(circle at top,#264f9e29,#0000 42%),linear-gradient(#f8fbff 0%,#f5f7fc 100%);min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbffd1;border-bottom:1px solid #d9e1f2cc;position:sticky;top:0}.site-header-inner,.hero-section,.content-section,.cta-section{width:min(1120px,100% - 32px);margin:0 auto}.site-header-inner{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.site-brand-logo{width:96px;display:block}.site-nav{color:#62708a;align-items:center;gap:18px;font-weight:600;display:flex}.simple-nav{margin-left:auto}.site-nav .nav-active{color:#102347;position:relative}.site-nav .nav-active:after{content:"";background:#264f9e;border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.site-menu-toggle{color:#264f9e;cursor:pointer;background:#fff;border:1px solid #d9e1f2;border-radius:14px;width:48px;height:48px;font-size:22px;display:none}.site-nav-button,.site-nav-link,.hero-button{border-radius:14px;padding:12px 18px;font-weight:800}.site-nav-link{color:#264f9e}.site-nav-button,.hero-button.primary{color:#fff;background:linear-gradient(135deg,#264f9e,#1e3f7e)}.home-banners-section{width:min(1120px,100% - 32px);margin:0 auto;padding-top:24px}.only-banners-home{padding-top:36px;padding-bottom:36px}.banner-carousel{background:#e2e8f0;border-radius:24px;height:460px;position:relative;overflow:hidden;box-shadow:0 24px 60px #1023471f}.banner-carousel-track{height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);display:flex}.banner-carousel-slide{flex:0 0 100%;display:block;position:relative;overflow:hidden}.banner-carousel-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:2;color:#102347;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:30px;line-height:1;transition:background .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #10234724}.banner-carousel-btn:hover{background:#fff}.banner-carousel-btn.prev{left:14px}.banner-carousel-btn.next{right:14px}.banner-carousel-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.banner-carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,transform .2s}.banner-carousel-dot.active{background:#fff;transform:scale(1.3)}.home-banner-card{background:#e2e8f0;border-radius:24px;min-height:420px;display:block;position:relative;overflow:hidden;box-shadow:0 24px 60px #1023471f}.empty-banner-state{justify-content:center;align-items:center;gap:12px;min-height:320px;display:flex}.home-banner-image{object-fit:cover;width:100%;height:100%;display:block}.home-banner-overlay{color:#fff;background:linear-gradient(#0000,#0f172ad1);gap:6px;padding:18px;display:grid;position:absolute;bottom:0;left:0;right:0}.home-banner-overlay strong{font-size:20px}.home-banner-overlay span{color:#ffffffe0;line-height:1.5}.hero-section{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:28px;padding:56px 0 28px;display:grid}.hero-chip,.section-kicker,.auth-kicker{color:#264f9e;text-transform:uppercase;letter-spacing:.08em;background:#edf3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.section-kicker.light{color:#dbe7ff;background:#ffffff29}.hero-copy h1,.content-section h2,.cta-card h2{color:#102347;margin:14px 0 12px;line-height:1.08}.hero-copy h1{font-size:clamp(40px,6vw,64px)}.hero-copy p,.content-section p,.cta-card p{color:#62708a;margin:0;font-size:17px;line-height:1.7}.hero-actions,.cta-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-button.secondary{color:#264f9e;background:#fff;border:1px solid #d9e1f2}.hero-button.secondary.inverted{color:#fff;background:#ffffff1f;border:1px solid #ffffff29}.hero-card,.benefit-card,.auth-card,.dashboard-card{background:#fff;border:1px solid #d9e1f2;border-radius:24px;padding:28px;box-shadow:0 24px 60px #1023471f}.hero-card-logo{width:110px;margin-bottom:10px;display:block}.hero-card h2{color:#102347;margin:10px 0}.hero-card p{color:#62708a;margin:0;line-height:1.7}.content-section{padding:28px 0}.content-section.two-column{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.benefit-card h3{color:#102347;margin:0 0 10px}.benefit-card p{color:#62708a;margin:0;line-height:1.7}.cta-section{padding:24px 0 56px}.cta-card{background:linear-gradient(135deg,#102347,#264f9e);border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;display:grid;box-shadow:0 24px 60px #1023472e}.cta-card h2,.cta-card p{color:#fff}.cta-card p{color:#ffffffe0}.auth-page,.dashboard-page{background:radial-gradient(circle at top,#264f9e29,#0000 42%),linear-gradient(#f8fbff 0%,#f5f7fc 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card,.dashboard-card{width:100%;max-width:460px}.auth-header{text-align:center;margin-bottom:18px}.auth-header p,.dashboard-card p{color:#62708a;margin:0 0 20px;line-height:1.6}.dashboard-card h1{margin:10px 0 8px;font-size:32px}.brand-logo{filter:drop-shadow(0 14px 24px #264f9e29);width:92px;height:auto;margin:16px auto 4px;display:block}.auth-form{gap:14px;display:grid}.auth-form label{gap:8px;font-weight:600;display:grid}.auth-form input{background:#fff;border:1px solid #cfd8ea;border-radius:14px;width:100%;padding:14px 16px}.auth-form input:focus{border-color:#264f9e;outline:none;box-shadow:0 0 0 4px #264f9e1f}.auth-form button,.dashboard-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#264f9e,#1e3f7e);border:none;border-radius:14px;margin-top:6px;padding:14px 18px;font-weight:800}.auth-form button:hover,.dashboard-card button:hover{filter:brightness(1.03)}.auth-error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;padding:12px 14px}.auth-switch{color:#62708a;text-align:center;margin:18px 0 0}@media (width<=900px){.site-header-inner,.hero-section,.content-section,.cta-section{width:min(1120px,100% - 24px)}.hero-section,.content-section.two-column,.cta-card,.benefits-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.songs-page{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 56px}.songs-hero{margin-bottom:24px}.songs-hero h1{color:#102347;margin:14px 0 12px;font-size:clamp(34px,5vw,52px);line-height:1.08}.songs-hero p{color:#62708a;margin:0;font-size:17px;line-height:1.7}.songs-list-card{background:#fff;border:1px solid #d9e1f2;border-radius:24px;padding:24px;box-shadow:0 24px 60px #1023471f}.songs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.song-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #d9e1f2;border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;display:flex}.song-card h2{color:#102347;margin:0 0 8px;font-size:22px}.song-card p,.song-card span{color:#62708a;margin:0;line-height:1.6}.static-nav{display:flex}.nav-active{color:#264f9e;font-weight:800}.home-news-section{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 56px}.home-news-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.home-news-header h2{color:#102347;margin:10px 0 0;font-size:clamp(24px,3vw,32px)}.news-see-all{color:#264f9e;white-space:nowrap;font-weight:700}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.news-card{background:#fff;border:1px solid #d9e1f2;border-radius:20px;flex-direction:column;transition:box-shadow .18s,transform .18s;display:flex;overflow:hidden;box-shadow:0 8px 24px #10234712}.news-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #10234721}.news-card-image-wrap{aspect-ratio:16/9;background:#e2e8f0;width:100%;overflow:hidden}.news-card-image{object-fit:cover;width:100%;height:100%;display:block}.news-card-body{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex}.news-card-date{color:#264f9e;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.news-card-title{color:#102347;margin:0;font-size:17px;line-height:1.35}.news-card-subtitle{color:#62708a;margin:0;font-size:14px;line-height:1.6}.news-page{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 56px}.news-hero{margin-bottom:32px}.news-hero h1{color:#102347;margin:14px 0 12px;font-size:clamp(34px,5vw,52px);line-height:1.08}.news-hero p{color:#62708a;margin:0;font-size:17px;line-height:1.7}.news-loading{color:#62708a;padding:24px 0}.news-detail-page{width:min(800px,100% - 32px);margin:0 auto;padding:40px 0 72px}.news-detail-cover{border-radius:20px;width:min(1120px,100% - 32px);max-height:480px;margin:0 auto 40px;overflow:hidden}.news-detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.news-detail-article{flex-direction:column;gap:12px;display:flex}.news-back-link{color:#264f9e;margin-bottom:4px;font-size:14px;font-weight:700}.news-detail-article h1{color:#102347;margin:4px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.1}.news-detail-subtitle{color:#62708a;margin:0;font-size:19px;line-height:1.6}.news-detail-content{color:#2d3a4e;margin-top:8px;font-size:17px;line-height:1.8}.news-detail-content p{margin:0 0 14px}@media (width<=640px){.site-header-inner{flex-direction:row;align-items:center}.simple-nav{gap:10px}.hero-copy h1{font-size:38px}.home-banners-section{width:min(1120px,100% - 24px)}.banner-carousel{height:240px}.songs-page{width:min(1120px,100% - 24px);padding:24px 0 40px}.songs-grid,.news-grid{grid-template-columns:1fr}.news-page,.home-news-section{width:min(1120px,100% - 24px)}.news-detail-page{width:min(800px,100% - 24px)}.news-detail-cover{width:min(1120px,100% - 24px)}.static-nav{display:none}.hero-card,.benefit-card,.auth-card,.dashboard-card,.cta-card{border-radius:20px;padding:22px}.auth-page,.dashboard-page{padding:16px}.dashboard-card h1{font-size:28px}}