@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;background:#f7f8fb;color:#182235;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#ad7830}h1,h2,h3,.brand{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,5rem);line-height:1.08}h2{font-size:clamp(1.9rem,3vw,3rem)}p{line-height:1.65}.top{height:auto;min-height:76px;padding:16px max(5vw,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0c1829;color:white}.brand{display:flex;align-items:center;gap:8px;font-size:1.15rem;color:#f9e4bb}.brand span{font-size:.75rem;letter-spacing:.02em;color:#b7c4d2}.top nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:.88rem}.top nav a:hover{color:#eac58b}.navcta,.btn{display:inline-block;border:0;background:#b98542;color:#111b2a!important;border-radius:11px;padding:13px 21px;font-weight:700;cursor:pointer;text-align:center}.btn:hover,.navcta:hover{background:#d7a65c;color:#111b2a}.btn.ghost{background:transparent;border:1px solid #b2b9c6;color:#fff!important}.hero{min-height:620px;background:radial-gradient(ellipse at 82% 25%,#293a55,#101e32 60%,#091423);color:white;padding:100px max(5vw,calc((100vw - 1250px)/2));display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.hero h1{margin:18px 0}.hero h1 em{color:#e8bb78;font-style:normal}.hero p{color:#c0cada;max-width:590px;font-size:1.12rem}.eyebrow{font-size:.78rem;letter-spacing:.17em;font-weight:800;color:#b98542}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:42px;color:#aab9c8;font-size:.85rem}.stats b{display:block;color:white;font-size:2rem;font-family:Outfit}.piano-art{background:linear-gradient(135deg,#283955,#141f31);border:1px solid #4b5b73;border-radius:24px;padding:30px 20px;box-shadow:0 25px 65px #0005;transform:rotate(-2deg)}.piano-title{color:#e6bf80;font-size:.7rem;letter-spacing:.2em;margin-bottom:22px}.keys{display:flex;height:185px;overflow:hidden;background:#090f18;padding:10px 8px;border-radius:10px}.white-key{position:relative;min-width:24px;flex:1;background:linear-gradient(white,#c8cbd3);border:1px solid #9da5b1;border-radius:0 0 5px 5px}.white-key i{position:absolute;display:block;z-index:1;width:65%;height:58%;left:70%;background:linear-gradient(#121823,#343f52);border-radius:0 0 5px 5px}.soundbar{color:#e6bf80;text-align:center;margin-top:20px;letter-spacing:9px}.piano-art p{font-size:.8rem;text-align:center}.section{padding:85px max(5vw,calc((100vw - 1250px)/2))}.section>h2{max-width:720px;margin:12px 0 32px}.section.dark{background:#eef1f6}.features,.pricing,.admincards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.features article,.pricecard,.admincard,.member{background:white;border:1px solid #dce1e9;border-radius:18px;padding:28px;box-shadow:0 8px 25px #172c4c0a}.features article span{color:#a97a3f;font-size:.72rem;letter-spacing:.1em;font-weight:800}.features article h3{font-size:1.5rem}.features article p,.pricecard p,.muted,.fine{color:#657287}.pricecard h3{font-size:2.25rem;margin:14px 0}.pricecard .btn{width:100%;margin-top:15px}.cta{text-align:center;background:#12243a;color:white}.cta h2{margin:0}.cta p{color:#c6d0dc}.cta .btn{margin-top:18px}.auth{max-width:500px;margin:80px auto 110px;padding:42px;background:white;border-radius:20px;box-shadow:0 20px 70px #15253d18}.auth h1{font-size:2.4rem}.auth form,.admincard form,.pricecard form{display:flex;flex-direction:column;gap:16px}label{font-size:.88rem;font-weight:600;display:flex;flex-direction:column;gap:7px}input,select{padding:12px 14px;border:1px solid #cbd4e0;border-radius:9px;background:white;color:#182235;font:inherit;max-width:100%}input[type=checkbox]{width:auto}.auth button,form button{background:#a77837;color:white;border:0;border-radius:9px;padding:13px;cursor:pointer;font-weight:700}.alert{background:#fff3df;border:1px solid #e7c58e;padding:14px;border-radius:9px;color:#6c491c}.dashboard{min-height:70vh}.dashboard h1{font-size:3rem}.member{margin:24px 0}.member .pricing{margin-top:20px}.adminstats{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0}.adminstats>div{min-width:180px;background:#16283d;color:white;border-radius:14px;padding:22px}.adminstats strong{display:block;font-size:2.3rem}.adminstats span{color:#b8c7d6}.admincards{margin-bottom:40px}.admincard h3{margin-top:0}.admincard small{display:block;word-break:break-all;margin-top:15px;color:#67758b}.tablewrap{overflow-x:auto;background:white;border-radius:15px;border:1px solid #dce1e9;margin-bottom:38px}table{border-collapse:collapse;width:100%;font-size:.85rem}td,th{padding:14px;text-align:left;border-bottom:1px solid #e5e9f0}th{background:#eef2f7}td form{display:inline-block}td form button{padding:8px 10px}footer{padding:35px 5%;text-align:center;background:#0b1726;color:#c6d0dc;font-size:.85rem}footer p{font-size:.75rem;color:#8495a9}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.piano-art{max-width:560px}.features,.pricing,.admincards{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}.top nav{gap:14px}.section{padding:65px 5%}}@media(max-width:500px){.hero{gap:30px}.piano-art{padding:15px}.keys{height:130px}.stats{gap:18px}.auth{margin:30px 12px;padding:24px}}