@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Nunito",Arial,sans-serif;background:linear-gradient(135deg,#f5efe6,#dcecf5,#f8f3ea);color:#000}.side-menu{position:fixed;top:0;left:0;width:86px;height:100vh;background:#fff;overflow:hidden;transition:width .35s ease;z-index:1000;box-shadow:8px 0 25px rgba(0,0,0,.18);border-right:4px solid #f5efe6}.side-menu:hover{width:310px}.menu-title{padding:26px 18px;font-family:"Playfair Display",serif;font-size:22px;font-weight:700;white-space:nowrap;color:#000;border-bottom:2px solid #f5efe6}.menu-title span{display:inline-block;margin-right:14px;background:#000;color:#fff;padding:8px 12px;border-radius:14px;font-family:"Nunito",Arial,sans-serif;font-size:16px}.side-menu nav{display:flex;flex-direction:column;padding:18px 12px;gap:10px}.side-menu nav a{color:#000;text-decoration:none;font-weight:900;font-size:15.5px;padding:13px 16px;border-radius:16px;white-space:nowrap;transition:.25s ease}.side-menu nav a:hover,.side-menu nav a.active{background:#000;color:#fff;transform:translateX(8px)}.page{margin-left:86px;min-height:100vh}.hero{min-height:420px;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.42)),url("ocean.avif");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:64px 30px;text-align:center;color:#fff}.hero-content{max-width:980px;background:rgba(255,255,255,.16);border:3px solid rgba(255,255,255,.86);border-radius:36px;padding:48px;backdrop-filter:blur(4px)}.hero-badge{display:inline-block;background:#fff;color:#000;padding:9px 18px;border-radius:999px;font-weight:900;margin-bottom:18px}.hero h1{margin:0;font-family:"Playfair Display",serif;font-size:clamp(42px,7vw,78px);color:#fff;line-height:1.06}.hero p{margin:20px auto 0;max-width:760px;font-size:20px;font-weight:800;color:#fff;line-height:1.65}main{max-width:1180px;margin:auto;padding:48px 34px 74px}.section{background:#fff;border:3px solid #f5efe6;border-radius:32px;padding:34px;box-shadow:0 14px 28px rgba(0,0,0,.11);margin-bottom:30px}.section.blue{background:#e6f3fb;border-color:#bfd7e8}.section.beige{background:#f8f3ea;border-color:#fff}.section h2{margin:0 0 14px;font-family:"Playfair Display",serif;font-size:clamp(32px,5vw,46px);color:#000}.section h3{margin:22px 0 10px;font-size:24px;color:#000}.section p,.section li{font-size:17px;font-weight:700;line-height:1.72;color:#000}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:3px solid #f5efe6;border-radius:28px;padding:26px;box-shadow:0 12px 24px rgba(0,0,0,.09);color:#000}.card.blue-card{background:#e6f3fb;border-color:#bfd7e8}.card.beige-card{background:#f8f3ea;border-color:#fff}.card h3{margin-top:0;font-family:"Playfair Display",serif;font-size:28px;color:#000}.button-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:26px}.button{display:inline-block;background:#000;color:#fff;padding:14px 24px;border-radius:18px;text-decoration:none;font-weight:900;border:3px solid #000;transition:.25s ease}.button.secondary{background:#fff;color:#000}.button:hover{transform:translateY(-4px);background:#fff;color:#000}.button.secondary:hover{background:#000;color:#fff}.pattern-box{background:#fff;border:3px solid #000;border-radius:26px;padding:26px;margin-top:22px}.pattern-box h3{font-family:"Playfair Display",serif;font-size:30px;margin-top:0}.pattern-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.pattern-meta div{background:#e6f3fb;border:2px solid #bfd7e8;border-radius:18px;padding:12px;font-weight:900;color:#000}.steps{counter-reset:step;list-style:none;padding-left:0}.steps li{counter-increment:step;background:#f8f3ea;border:3px solid #fff;border-radius:18px;padding:16px 16px 16px 58px;margin-bottom:12px;position:relative}.steps li:before{content:counter(step);position:absolute;left:16px;top:16px;background:#000;color:#fff;width:30px;height:30px;border-radius:12px;display:grid;place-items:center;font-weight:900}.callout{background:#000;color:#fff;border-radius:26px;padding:28px;margin-top:24px}.callout h2,.callout h3,.callout p,.callout li{color:#fff}table{width:100%;border-collapse:collapse;margin-top:18px;background:#fff;border-radius:18px;overflow:hidden}th,td{border:2px solid #bfd7e8;padding:14px;text-align:left;font-weight:800;color:#000}th{background:#e6f3fb}footer{margin-left:86px;background:#000;color:#fff;text-align:center;padding:24px;font-weight:900}footer p{margin:0;color:#fff}@media(max-width:980px){.grid.two,.grid.three,.pattern-meta{grid-template-columns:1fr}}@media(max-width:700px){.side-menu{position:relative;width:100%;height:auto}.side-menu:hover{width:100%}.side-menu nav{display:grid;grid-template-columns:1fr 1fr}.page,footer{margin-left:0}.hero-content{padding:32px 22px}main{padding:34px 18px 60px}}