*{box-sizing:border-box}html,body{height:100%}body{color:#3a2c33;background:linear-gradient(135deg,#fff6f9 0%,#ffeaf1 40%,#fff 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--pink-main:#f3b6c6;--pink-soft:#fde1ea;--border-soft:#f3b6c673;--text-muted:#7a5c66;--radius-lg:50px;--radius-md:25px;--card-bg:#ffffffbf;--card-border:#ffffffe6}.container{width:min(1200px,100% - 48px);margin:0 auto;padding:40px 0 60px}.nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);background:#ffffffbf;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.brand-text{letter-spacing:1px;color:#3a2c33;font-size:14px;font-weight:700}.nav-center{gap:16px;display:flex}.nav-center a{color:var(--text-muted);border-radius:var(--radius-md);padding:8px 14px;font-size:13px;text-decoration:none}.nav-center a:hover{color:#3a2c33;border:1px solid var(--border-soft);background:#fff}.btn-primary{border-radius:var(--radius-lg);color:#3a2c33;border:1px solid var(--border-soft);background:linear-gradient(135deg,#ffe6ee,#f7c6d6);padding:10px 18px;font-size:13px;text-decoration:none}.btn-primary:hover{filter:brightness(1.03)}.icon-btn{border:1px solid var(--border-soft);border-radius:var(--radius-lg);color:#3a2c33;cursor:pointer;background:#fff;padding:8px 10px}.icon-btn:hover{background:var(--pink-soft)}.nav-right{align-items:center;gap:10px;display:flex}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px;box-shadow:0 10px 30px #f3b6c640}.muted{color:var(--text-muted)}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-soft);background:#fff9;padding:24px;font-size:13px}@media (max-width:900px){.nav-center{display:none}}