*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins',sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.bl-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em}
.liquid-glass,.liquid-glass-strong{background:rgba(255,255,255,0.01);background-blend-mode:luminosity;backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);position:relative;overflow:hidden;color:#fff;text-decoration:none;border:none;cursor:pointer}
.liquid-glass-strong{backdrop-filter:blur(50px);box-shadow:4px 4px 4px rgba(0,0,0,0.05),inset 0 1px 1px rgba(255,255,255,0.15)}
.liquid-glass::before,.liquid-glass-strong::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0.15) 80%,rgba(255,255,255,0.45) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.liquid-glass-strong::before{background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0.2) 80%,rgba(255,255,255,0.5) 100%)}
.bl-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.bl-split{position:relative;z-index:5;display:flex;min-height:100vh;padding-top:36px}
.bl-left{width:100%;padding:24px;position:relative;min-height:calc(100vh - 36px)}
.bl-right{display:none}
@media(min-width:1024px){.bl-left{width:52%;padding:24px}.bl-right{display:flex;flex-direction:column;width:48%;padding:24px;gap:16px}}
.bl-overlay{position:absolute;inset:24px;border-radius:24px;display:flex;flex-direction:column;padding:32px;gap:16px}
.bl-nav{display:flex;align-items:center;justify-content:space-between}
.bl-logo{font-size:28px;color:#fff;font-weight:300}
.bl-logo strong{font-weight:600}
.bl-menu{padding:8px 18px;border-radius:9999px;font-size:12px;letter-spacing:0.1em}
.bl-hero-c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}
.bl-flower{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:40px}
.bl-hero-c h1{font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1;letter-spacing:-0.05em;max-width:480px}
.bl-hero-c h1 em{font-family:'Source Serif 4',serif;font-style:italic;color:rgba(255,255,255,0.8)}
.bl-cta{display:inline-flex;align-items:center;gap:12px;padding:14px 14px 14px 28px;border-radius:9999px;font-size:14px;font-weight:500;transition:transform .2s}
.bl-cta:hover{transform:scale(1.05)}
.bl-cta-circle{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.15);display:inline-flex;align-items:center;justify-content:center}
.bl-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.bl-pills span{padding:8px 14px;border-radius:9999px;font-size:11px;color:rgba(255,255,255,0.8);font-weight:500}
.bl-quote{margin-top:auto;text-align:center;display:flex;flex-direction:column;gap:10px}
.bl-q-eyebrow{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.5);font-weight:500}
.bl-q-text{font-size:20px;font-weight:300}
.bl-q-text em{font-family:'Source Serif 4',serif;font-style:italic}
.bl-q-author{display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;letter-spacing:0.25em;color:rgba(255,255,255,0.6);font-weight:500}
.bl-line{width:48px;height:1px;background:rgba(255,255,255,0.3);display:inline-block}
.bl-r-top{display:flex;align-items:center;gap:8px}
.bl-social{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;font-size:14px}
.bl-arrow{margin-left:8px;color:rgba(255,255,255,0.6)}
.bl-account{width:40px;height:40px;border-radius:50%;font-size:16px}
.bl-community{padding:20px;border-radius:24px;width:240px}
.bl-community h4{font-size:14px;font-weight:600;margin-bottom:6px}
.bl-community p{font-size:11px;color:rgba(255,255,255,0.6);line-height:1.5}
.bl-feature-wrap{margin-top:auto;padding:16px;border-radius:32px;display:flex;flex-direction:column;gap:12px}
.bl-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bl-feat-card{padding:18px;border-radius:18px;display:flex;flex-direction:column;gap:4px}
.bl-feat-icon{width:32px;height:32px;border-radius:9999px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.bl-feat-card h5{font-size:13px;font-weight:600}
.bl-feat-card p{font-size:10px;color:rgba(255,255,255,0.5)}
.bl-feat-bottom{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px}
.bl-feat-thumb{width:64px;height:48px;border-radius:8px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:24px}
.bl-feat-text{flex:1}
.bl-feat-text h5{font-size:13px;font-weight:600;margin-bottom:4px}
.bl-feat-text p{font-size:10px;color:rgba(255,255,255,0.5)}
.bl-feat-add{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.1);color:#fff;font-size:18px;border:none;cursor:pointer}