:root{--ysf-navy:#071522;--ysf-blue:#123b67;--ysf-green:#1dd954;--ysf-bg:#f6f8fa;--ysf-text:#102030}
body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--ysf-bg);color:var(--ysf-text)}
.navbar{background:rgba(7,21,34,.97)} .brand{color:#fff;font-weight:800;letter-spacing:-.04em}.brand span{color:var(--ysf-green)}
.hero{background:linear-gradient(135deg,#071522 0%,#0c2740 60%,#103a2a 100%);color:#fff;padding:96px 0}.hero h1{font-weight:800;letter-spacing:-.05em}.hero .accent{color:var(--ysf-green)}
.section{padding:72px 0}.soft{background:#fff}.card{border:1px solid #e1e7ec;border-radius:18px}.btn-success{background:var(--ysf-green);border-color:var(--ysf-green);color:#06130b}.btn-success:hover{background:#18c44c;border-color:#18c44c;color:#06130b}
.feature-icon{width:52px;height:52px;border-radius:16px;background:#e7faed;display:grid;place-items:center;font-size:24px}.price{font-size:2.3rem;font-weight:800}.footer{background:#071522;color:#b7c4cf;padding:48px 0}.footer a{color:#dce5eb;text-decoration:none}.hero-img{border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.3)}