*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.md-page{color:#e8e8ef;background:#0a0a0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.md-container{max-width:1080px;margin:0 auto;padding:0 24px}.md-gradient{background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.md-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fd9;border-bottom:1px solid #1a1a26;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.md-nav-brand{align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.md-nav-brand:hover{opacity:.8}.md-nav-logo{width:auto;height:28px}.md-nav-links{align-items:center;gap:24px;display:flex}.md-nav-links a{color:#888;font-size:.9rem;text-decoration:none;transition:color .2s}.md-nav-links a:hover{color:#fff}.md-nav-cta{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:8px;padding:8px 18px;font-weight:600;color:#fff!important}.md-nav-cta:hover{opacity:.9}.md-hero{text-align:center;background:radial-gradient(at top,#f59e0b1f,#0000 60%);padding:80px 24px 60px}.md-hero-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;display:inline-block}.md-hero h1{margin-bottom:20px;font-size:2.5rem;font-weight:800;line-height:1.2}.md-hero-subtitle{color:#999;max-width:680px;margin:0 auto;font-size:1.1rem;line-height:1.6}.md-copy-links-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:30px;margin-top:24px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #6366f166}.md-copy-links-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.md-copy-links-btn:active{transform:translateY(0)}.md-designs{padding:60px 0}.md-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.md-card{background:#15151f;border:1px solid #3a3a4a;border-radius:16px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.md-card:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.md-card-preview{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.md-preview-icon{filter:drop-shadow(0 4px 12px #0000004d);font-size:3.5rem}.md-preview-logo{object-fit:contain;filter:drop-shadow(0 6px 18px #00000080);max-width:80%;max-height:120px}.md-card:nth-of-type(3) .md-preview-logo{border-radius:16px}.md-preview-fullbleed{object-fit:cover;filter:none;width:100%;max-width:100%;height:100%;max-height:100%}.md-live-badge{color:#fff;text-transform:uppercase;background:#22c55e;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.md-coming-badge{color:#ddd;text-transform:uppercase;background:#646464cc;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.md-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.md-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.md-card-header h3{font-size:1.15rem;line-height:1.3}.md-style-tag{color:#f59e0b;white-space:nowrap;background:#f59e0b1a;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.7rem}.md-card-desc{color:#888;margin-bottom:16px;font-size:.85rem;line-height:1.5}.md-card-features{flex:1;margin-bottom:20px;list-style:none}.md-card-features li{color:#aaa;padding:4px 0;font-size:.8rem}.md-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.md-btn-primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444)}.md-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.md-btn-secondary{color:#e8e8ef;background:0 0;border:1px solid #334}.md-btn-secondary:hover{background:#15151f;border-color:#555}.md-btn-disabled{color:#555;cursor:not-allowed;background:#1a1a26}.md-btn-large{padding:16px 32px;font-size:1rem}.md-cta{text-align:center;background:#0d0d14;padding:80px 0}.md-cta h2{margin-bottom:12px;font-size:1.8rem}.md-cta p{color:#888;margin-bottom:32px;font-size:1rem}.md-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.md-footer{text-align:center;border-top:1px solid #1a1a26;padding:32px 0}.md-footer p{color:#555;font-size:.85rem}@media (width<=900px){.md-nav-links a:not(.md-nav-cta){display:none}.md-hero h1{font-size:1.8rem}.md-hero-subtitle{font-size:.95rem}.md-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.md-hero{padding:60px 20px 40px}.md-hero h1{font-size:1.5rem}.md-grid{grid-template-columns:1fr}.md-cta-buttons{flex-direction:column}.md-btn{text-align:center;width:100%}}