/* ============================================================
 * Moomal Zahid · Digital Universe — Main Stylesheet
 * Tokens injected by functions.php via :root
 * ============================================================ */

*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    margin:0;
    background:var(--mz-bg,#050816);
    color:var(--mz-text,#F8FAFC);
    font-family:'Inter',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
h1,h2,h3,h4 { font-family:'Space Grotesk',system-ui,sans-serif; letter-spacing:-.02em; margin:0; }
p { margin:0; }
button { font:inherit; cursor:pointer; border:0; background:transparent; color:inherit; }

.mz-container { max-width:1200px; margin:0 auto; padding:0 24px; }
.mz-container.narrow { max-width:900px; }

.text-aurora {
    background:linear-gradient(135deg,var(--mz-violet),var(--mz-sapphire),var(--mz-cyan));
    -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hidden { display:none !important; }

/* ============ HEADER ============ */
.site-header { position:fixed; top:0; left:0; right:0; z-index:50; padding:24px 0; transition:padding .4s; }
.site-header.scrolled { padding:12px 0; }
.site-header.scrolled .mz-header-inner {
    background:rgba(255,255,255,.06); backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.1); border-radius:20px;
}
.mz-header-inner { max-width:1200px; margin:0 16px; padding:8px 20px; display:flex; align-items:center; justify-content:space-between; transition:all .3s; }
@media(min-width:1232px){ .mz-header-inner { margin:0 auto; } }

.mz-brand { display:flex; align-items:center; gap:12px; }
.mz-brand-logo { height:40px; width:auto; border-radius:10px; }
.mz-brand-mark { position:relative; width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,211,238,.08)); border:1px solid rgba(255,255,255,.12); }
.mz-brand-mark span:first-child { font-family:'Space Grotesk'; font-weight:700; font-size:14px; }
.mz-brand-ring { position:absolute; inset:0; border-radius:12px; border:1px solid rgba(34,211,238,.4); animation:mz-spin 24s linear infinite; }
.mz-brand-text { display:flex; flex-direction:column; line-height:1.1; }
.mz-brand-name { font-family:'Space Grotesk'; font-weight:600; font-size:14px; }
.mz-brand-tag { font-size:10px; letter-spacing:.25em; color:rgba(255,255,255,.5); }
@media(max-width:640px){ .mz-brand-text{display:none;} }

.mz-nav { display:none; }
@media(min-width:900px){ .mz-nav { display:block; } }
.mz-menu { display:flex; gap:4px; list-style:none; padding:0; margin:0; }
.mz-menu a { padding:8px 16px; font-size:14px; color:rgba(255,255,255,.7); transition:color .2s; }
.mz-menu a:hover { color:#fff; }

.mz-header-cta { display:none; }
@media(min-width:900px){ .mz-header-cta { display:inline-flex; } }
.mz-burger { display:flex; flex-direction:column; gap:4px; padding:8px; }
.mz-burger span { display:block; width:22px; height:2px; background:#fff; }
@media(min-width:900px){ .mz-burger { display:none; } }

/* ============ BUTTONS ============ */
.mz-btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:999px; font-size:14px; font-weight:500; transition:transform .25s, background .3s, border-color .3s; white-space:nowrap; }
.mz-btn-sm { padding:10px 20px; }
.mz-btn-full { width:100%; padding:16px 24px; }
.mz-btn-primary {
    background:linear-gradient(135deg,var(--mz-violet),var(--mz-sapphire),var(--mz-cyan));
    color:#fff;
    box-shadow:0 0 60px -10px rgba(139,92,246,.6);
}
.mz-btn-primary:hover { transform:scale(1.05); }
.mz-btn-glass { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#fff; backdrop-filter:blur(20px); }
.mz-btn-glass:hover { background:rgba(255,255,255,.12); }
.mz-btn-outline { border:1px solid rgba(34,211,238,.4); color:var(--mz-cyan); }
.mz-btn-outline:hover { background:rgba(34,211,238,.1); }

/* ============ EYEBROW ============ */
.mz-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
    font-size:11px; letter-spacing:.25em; color:var(--mz-cyan); margin-bottom:16px; backdrop-filter:blur(20px); }
.mz-eyebrow .mz-dot { width:6px; height:6px; border-radius:50%; background:var(--mz-cyan); animation:mz-pulse 2s infinite; }

/* ============ HERO ============ */
.mz-hero { position:relative; min-height:100vh; display:flex; align-items:center; padding:120px 0 80px; overflow:hidden; }
.mz-hero-bg { position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at top, #1a1547 0%, var(--mz-bg) 60%); }
.mz-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.35; }
.mz-hero-grid { position:absolute; inset:0; opacity:.25;
    background-image:linear-gradient(rgba(139,92,246,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);
    background-size:50px 50px; animation:mz-grid 8s linear infinite; }
.mz-glow { position:absolute; border-radius:50%; filter:blur(120px); pointer-events:none; }
.mz-glow-violet { width:500px; height:500px; background:rgba(139,92,246,.3); top:25%; left:-100px; }
.mz-glow-sapphire { width:600px; height:600px; background:rgba(59,130,246,.25); bottom:-100px; right:-100px; }
.mz-glow-cyan { width:300px; height:300px; background:rgba(34,211,238,.2); top:35%; right:25%; }

.mz-hero-grid-layout { display:grid; gap:48px; align-items:center; }
@media(min-width:1024px){ .mz-hero-grid-layout { grid-template-columns:1fr 1fr; } }

.mz-hero-title { font-size:clamp(48px,9vw,112px); font-weight:700; line-height:.95; margin-top:8px; }
.mz-hero-sub { margin-top:24px; font-family:'Space Grotesk'; }
.mz-hero-sub .lg { font-size:18px; color:rgba(255,255,255,.8); }
.mz-hero-sub .md { font-size:15px; color:rgba(255,255,255,.6); margin-top:4px; }
.mz-hero-desc { margin-top:32px; max-width:560px; color:rgba(255,255,255,.6); line-height:1.7; }
.mz-hero-ctas { margin-top:36px; display:flex; flex-wrap:wrap; gap:12px; }

/* portrait + ring */
.mz-hero-portrait-wrap { display:flex; justify-content:center; }
.mz-portrait { position:relative; width:320px; height:440px; }
@media(min-width:768px){ .mz-portrait { width:400px; height:540px; } }
.mz-ring { position:absolute; border-radius:40px; pointer-events:none; }
.mz-ring-1 { inset:-32px; border:1px solid rgba(139,92,246,.4); animation:mz-spin 24s linear infinite; }
.mz-ring-2 { inset:-48px; border:1px solid rgba(34,211,238,.2); animation:mz-spin 40s linear infinite reverse; border-radius:48px; }
.mz-ring-label { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-280px);
    font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.3em; color:var(--mz-cyan); white-space:nowrap;
    animation:mz-spin 30s linear infinite; transform-origin:center; }
.mz-ring-label span { padding:4px 8px; border-radius:6px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(20px); }
.mz-portrait-glow { position:absolute; inset:0; border-radius:32px; filter:blur(40px); opacity:.4;
    background:linear-gradient(135deg,var(--mz-violet),var(--mz-sapphire),var(--mz-cyan)); }
.mz-portrait-frame { position:relative; width:100%; height:100%; border-radius:32px; overflow:hidden;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 0 60px -10px rgba(139,92,246,.6); }
.mz-portrait-frame img { width:100%; height:100%; object-fit:cover; }
.mz-portrait-overlay { position:absolute; inset:0; background:linear-gradient(to top, var(--mz-bg), transparent 60%); }
.mz-portrait-status { position:absolute; bottom:16px; left:16px; right:16px; padding:10px 14px; border-radius:12px;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(20px);
    display:flex; justify-content:space-between; font-size:11px; color:rgba(255,255,255,.8); font-family:'JetBrains Mono',monospace; }
.mz-portrait-status .online { color:var(--mz-cyan); display:flex; align-items:center; gap:6px; }
.mz-portrait-status .online i { width:6px; height:6px; border-radius:50%; background:var(--mz-cyan); animation:mz-pulse 2s infinite; }
.mz-scroll-cue { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); font-size:10px; letter-spacing:.4em; color:rgba(255,255,255,.4); }

/* ============ SECTIONS ============ */
.mz-section { position:relative; padding:120px 0; }
.mz-section-grid-bg { position:absolute; inset:0; z-index:-1; opacity:.15;
    background-image:linear-gradient(rgba(139,92,246,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);
    background-size:50px 50px; }
.mz-section-head { text-align:center; margin-bottom:64px; }
.mz-section-title { font-size:clamp(32px,5vw,64px); font-weight:700; }
.mz-section-title.left { text-align:left; }
.mz-section-desc { margin-top:16px; max-width:640px; margin-left:auto; margin-right:auto; color:rgba(255,255,255,.6); }
.mz-section-desc.left { margin-left:0; margin-right:0; }

/* ============ PORTALS ============ */
.mz-portals { display:grid; gap:32px; }
@media(min-width:768px){ .mz-portals { grid-template-columns:1fr 1fr; } }
.mz-portal { position:relative; aspect-ratio:5/6; border-radius:24px; overflow:hidden;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12); transition:transform .5s; }
.mz-portal:hover { transform:translateY(-8px); }
.mz-portal-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; transition:all .7s; }
.mz-portal:hover .mz-portal-img { opacity:.75; transform:scale(1.05); }
.mz-portal-tint { position:absolute; inset:0; mix-blend-mode:overlay; opacity:.3; background:linear-gradient(135deg,var(--mz-violet),var(--mz-sapphire)); }
.mz-portal-2 .mz-portal-tint { background:linear-gradient(135deg,var(--mz-sapphire),var(--mz-cyan)); }
.mz-portal-fade { position:absolute; inset:0; background:linear-gradient(to top, var(--mz-bg), rgba(5,8,22,.4) 50%, transparent); }
.mz-portal-num { position:absolute; top:32px; right:32px; width:80px; height:80px; border-radius:50%; border:1px solid rgba(255,255,255,.3);
    display:flex; align-items:center; justify-content:center; }
.mz-portal-num-ring { position:absolute; inset:8px; border-radius:50%; border:1px solid rgba(34,211,238,.4); animation:mz-spin 24s linear infinite; }
.mz-portal-num span { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--mz-cyan); }
.mz-portal-body { position:absolute; left:0; right:0; bottom:0; padding:32px; }
.mz-portal-body h3 { font-size:clamp(20px,3vw,32px); font-weight:700; margin:12px 0; }
.mz-portal-desc { color:rgba(255,255,255,.7); max-width:420px; margin-bottom:24px; }
.mz-portal-cta { display:inline-block; padding:10px 20px; border-radius:999px; background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(20px); font-size:14px; font-weight:500; transition:all .3s; }
.mz-portal:hover .mz-portal-cta { background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); }

/* ============ ABOUT ============ */
.mz-about-grid { display:grid; gap:64px; align-items:center; }
@media(min-width:1024px){ .mz-about-grid { grid-template-columns:1fr 1fr; } }
.mz-about-img-wrap { position:relative; aspect-ratio:4/5; max-width:440px; margin:0 auto; width:100%;
    border-radius:24px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); }
.mz-about-img-wrap img { width:100%; height:100%; object-fit:cover; }
.mz-about-img-fade { position:absolute; inset:0; background:linear-gradient(to top,rgba(5,8,22,.8),transparent); }
.mz-about-img-tag { position:absolute; top:16px; left:16px; right:16px; display:flex; justify-content:space-between;
    font-size:10px; font-family:'JetBrains Mono',monospace; color:rgba(255,255,255,.7); }
.mz-about-body { margin-top:24px; color:rgba(255,255,255,.7); line-height:1.7; }
.mz-highlights { list-style:none; padding:0; margin:32px 0 0; display:grid; gap:12px; }
@media(min-width:640px){ .mz-highlights { grid-template-columns:1fr 1fr; } }
.mz-highlights li { display:flex; gap:8px; align-items:flex-start; font-size:14px; color:rgba(255,255,255,.8); }
.mz-highlights span { color:var(--mz-cyan); margin-top:2px; }

/* ============ STATS ============ */
.mz-stats-section { padding:80px 0; }
.mz-stats { padding:40px 24px; border-radius:24px;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(24px);
    display:grid; grid-template-columns:repeat(2,1fr); gap:32px; text-align:center; }
@media(min-width:768px){ .mz-stats { grid-template-columns:repeat(5,1fr); padding:56px 40px; } }
.mz-stat-num { font-family:'Space Grotesk'; font-weight:700; font-size:clamp(32px,5vw,48px); }
.mz-stat p { margin-top:8px; font-size:11px; letter-spacing:.25em; color:rgba(255,255,255,.6); text-transform:uppercase; }

/* ============ SERVICES ============ */
.mz-services { display:grid; gap:20px; }
@media(min-width:640px){ .mz-services { grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .mz-services { grid-template-columns:repeat(3,1fr); } }
.mz-service { position:relative; padding:24px; border-radius:16px; overflow:hidden;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12); transition:transform .3s; }
.mz-service:hover { transform:translateY(-6px); }
.mz-service-icon { width:48px; height:48px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
    display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--mz-cyan); margin-bottom:16px; }
.mz-service h3 { font-size:18px; font-weight:600; }
.mz-service p { margin-top:8px; font-size:14px; color:rgba(255,255,255,.6); line-height:1.6; }

/* ============ PROJECTS ============ */
.mz-tabs { display:flex; justify-content:center; margin-bottom:48px; }
.mz-tabs > div, .mz-tabs { gap:4px; }
.mz-tabs { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:6px; display:inline-flex; margin:0 auto 48px; backdrop-filter:blur(20px); }
.mz-tab { padding:10px 24px; border-radius:999px; font-size:14px; font-weight:500; color:rgba(255,255,255,.6); transition:all .3s; }
.mz-tab.active { background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); color:#fff; box-shadow:0 0 30px -8px rgba(139,92,246,.5); }
.mz-projects { display:grid; gap:24px; }
@media(min-width:640px){ .mz-projects { grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .mz-projects { grid-template-columns:repeat(3,1fr); } }
.mz-project { position:relative; aspect-ratio:4/5; border-radius:16px; overflow:hidden;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); transition:transform .3s; }
.mz-project:hover { transform:translateY(-8px) scale(1.02); }
.mz-project img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.6; transition:all .7s; }
.mz-project:hover img { opacity:.9; transform:scale(1.1); }
.mz-project-fade { position:absolute; inset:0; background:linear-gradient(to top, var(--mz-bg), transparent 60%); }
.mz-project-cat { position:absolute; top:14px; left:14px; padding:4px 10px; border-radius:999px; backdrop-filter:blur(20px);
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:10px; letter-spacing:.2em; color:var(--mz-cyan); }
.mz-project-body { position:absolute; left:0; right:0; bottom:0; padding:20px; }
.mz-project-body h3 { font-size:17px; font-weight:600; }
.mz-project-body p { font-size:12px; color:rgba(255,255,255,.6); margin-top:4px; }

/* ============ TIMELINE ============ */
.mz-timeline { position:relative; }
.mz-timeline-line { position:absolute; left:16px; top:0; bottom:0; width:1px;
    background:linear-gradient(to bottom, transparent, var(--mz-violet), transparent); }
@media(min-width:768px){ .mz-timeline-line { left:50%; } }
.mz-tl-item { position:relative; margin-bottom:48px; padding-left:48px; }
@media(min-width:768px){
    .mz-tl-item { padding-left:0; display:grid; grid-template-columns:1fr 1fr; gap:48px; }
    .mz-tl-left .mz-tl-card { text-align:right; margin-right:48px; }
    .mz-tl-right .mz-tl-card { grid-column:2; margin-left:48px; }
}
.mz-tl-card { padding:24px; border-radius:16px;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12); }
.mz-tl-year { font-size:11px; letter-spacing:.3em; color:var(--mz-cyan); margin-bottom:8px; font-family:'JetBrains Mono',monospace; }
.mz-tl-card h3 { font-size:18px; font-weight:600; }
.mz-tl-card p { margin-top:8px; font-size:14px; color:rgba(255,255,255,.6); }
.mz-tl-dot { position:absolute; top:24px; left:16px; transform:translateX(-50%); width:14px; height:14px; border-radius:50%;
    background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); box-shadow:0 0 30px rgba(139,92,246,.6); }
@media(min-width:768px){ .mz-tl-dot { left:50%; } }

/* ============ SKILLS SPHERE ============ */
.mz-skills-grid { display:grid; gap:48px; align-items:center; }
@media(min-width:1024px){ .mz-skills-grid { grid-template-columns:1fr 1fr; } }
.mz-skill-tags { margin-top:32px; display:flex; flex-wrap:wrap; gap:8px; }
.mz-skill-tags span { padding:6px 14px; border-radius:999px;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:12px; color:rgba(255,255,255,.8); transition:all .3s; }
.mz-skill-tags span:hover { background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); color:#fff; }
.mz-sphere { position:relative; width:100%; height:500px; display:flex; align-items:center; justify-content:center; }
.mz-sphere-glow { position:absolute; width:288px; height:288px; border-radius:50%; filter:blur(80px); opacity:.3;
    background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); }
.mz-sphere-ring { position:absolute; border-radius:50%; }
.mz-sphere-ring.r1 { width:288px; height:288px; border:1px solid rgba(139,92,246,.4); animation:mz-spin 24s linear infinite; }
.mz-sphere-ring.r2 { width:256px; height:256px; border:1px solid rgba(34,211,238,.3); animation:mz-spin 30s linear infinite reverse; }
.mz-sphere-ring.r3 { width:224px; height:224px; border:1px solid rgba(59,130,246,.3); animation:mz-spin 40s linear infinite; }
.mz-sphere-core { width:128px; height:128px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,211,238,.08));
    border:1px solid rgba(255,255,255,.15); backdrop-filter:blur(24px);
    box-shadow:0 0 60px -10px rgba(139,92,246,.6); animation:mz-pulse-glow 3s infinite; z-index:2; }
.mz-sphere-core span { font-family:'Space Grotesk'; font-size:28px; font-weight:700; }
.mz-sphere-tag { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(var(--angle)) translateX(190px) rotate(calc(var(--angle) * -1));
    animation:mz-float 6s ease-in-out infinite; }
.mz-sphere-tag span { padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
    font-size:11px; white-space:nowrap; backdrop-filter:blur(20px); }

/* ============ TESTIMONIALS ============ */
.mz-testimonials { position:relative; min-height:280px; }
.mz-testimonial { padding:40px; border-radius:24px; text-align:center;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(24px);
    position:absolute; inset:0; opacity:0; transition:opacity .6s; pointer-events:none; }
.mz-testimonial.active { opacity:1; position:relative; pointer-events:auto; }
.mz-t-quote { font-family:'Space Grotesk'; font-size:60px; line-height:1; color:var(--mz-violet); margin-bottom:8px; }
.mz-t-text { font-family:'Space Grotesk'; font-size:22px; line-height:1.6; color:rgba(255,255,255,.9); max-width:680px; margin:0 auto; }
.mz-t-meta { margin-top:32px; display:flex; align-items:center; justify-content:center; gap:12px; }
.mz-t-meta img { width:48px; height:48px; border-radius:50%; object-fit:cover; }
.mz-t-name { font-weight:600; }
.mz-t-role { font-size:13px; color:rgba(255,255,255,.6); }

/* ============ CONTACT ============ */
.mz-contact { position:relative; overflow:hidden; padding:48px 24px; border-radius:24px;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.04));
    border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(24px); }
@media(min-width:768px){ .mz-contact { padding:64px; } }
.mz-contact-grid { position:relative; display:grid; gap:48px; align-items:center; }
@media(min-width:1024px){ .mz-contact-grid { grid-template-columns:1fr 1fr; } }
.mz-contact-list { list-style:none; padding:0; margin:32px 0 0; display:grid; gap:12px; }
.mz-contact-list a { display:flex; align-items:center; gap:12px; font-size:14px; color:rgba(255,255,255,.8); transition:color .2s; }
.mz-contact-list a:hover { color:var(--mz-cyan); }
.mz-contact-list span { width:32px; height:32px; border-radius:8px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
    display:flex; align-items:center; justify-content:center; color:var(--mz-cyan); font-size:14px; }
.mz-form { display:grid; gap:16px; }
.mz-form input, .mz-form textarea { width:100%; padding:14px 20px; border-radius:12px;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#fff; font:inherit; font-size:14px; resize:none; }
.mz-form input::placeholder, .mz-form textarea::placeholder { color:rgba(255,255,255,.4); }
.mz-form input:focus, .mz-form textarea:focus { outline:none; border-color:rgba(34,211,238,.5); }

/* ============ FOOTER ============ */
.site-footer { padding:48px 0; border-top:1px solid rgba(255,255,255,.05); }
.mz-footer-inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; flex-direction:column; align-items:center; gap:16px;
    font-size:12px; color:rgba(255,255,255,.4); text-align:center; }
@media(min-width:768px){ .mz-footer-inner { flex-direction:row; justify-content:space-between; text-align:left; } }
.mz-footer-tag { font-family:'JetBrains Mono',monospace; letter-spacing:.3em; }
.mz-footer-menu { list-style:none; display:flex; gap:16px; padding:0; margin:0; }
.mz-footer-menu a { color:rgba(255,255,255,.6); }

/* ============ FLOATING BUTTONS ============ */
.mz-floating { position:fixed; bottom:24px; right:24px; z-index:40; display:flex; flex-direction:column; gap:12px; }
.mz-float-btn { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff;
    font-size:24px; box-shadow:0 10px 30px rgba(0,0,0,.4); transition:transform .25s; }
.mz-float-btn:hover { transform:scale(1.1); }
.mz-float-wa { background:#25D366; animation:mz-pulse-glow 3s infinite; }
.mz-float-call { background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); }

/* ============ PRELOADER ============ */
.mz-preloader { position:fixed; inset:0; z-index:100; display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:radial-gradient(ellipse at top, #1a1547 0%, var(--mz-bg) 60%); transition:opacity .7s, transform .7s, filter .7s; }
.mz-preloader.done { opacity:0; transform:scale(1.05); filter:blur(20px); pointer-events:none; }
.mz-preloader-grid { position:absolute; inset:0; opacity:.4;
    background-image:linear-gradient(rgba(139,92,246,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);
    background-size:50px 50px; animation:mz-grid 8s linear infinite; }
.mz-preloader-streams { position:absolute; inset:0; }
.mz-preloader-streams span { position:absolute; top:0; width:1px; height:120px;
    background:linear-gradient(to bottom, transparent, var(--mz-cyan), transparent); animation:mz-stream linear infinite; }
.mz-preloader-logo { position:relative; }
.mz-logo-card { position:relative; width:128px; height:128px; border-radius:20px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,211,238,.08));
    border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(24px); box-shadow:0 0 80px -10px rgba(139,92,246,.55); }
.mz-logo-card > span { font-family:'Space Grotesk'; font-size:48px; font-weight:700; }
.mz-logo-ring { position:absolute; inset:0; border-radius:20px; border:1px solid rgba(139,92,246,.4); border-top-color:var(--mz-cyan); animation:mz-spin 24s linear infinite; }
.mz-preloader-bar { margin-top:40px; width:256px; font-family:'JetBrains Mono',monospace; }
.mz-preloader-row { display:flex; justify-content:space-between; font-size:10px; letter-spacing:.3em; color:var(--mz-cyan); margin-bottom:8px; }
.mz-progress-track { height:1px; background:rgba(255,255,255,.1); overflow:hidden; }
.mz-progress-track div { height:100%; width:0; background:linear-gradient(135deg,var(--mz-violet),var(--mz-cyan)); transition:width .15s linear; }
.mz-preloader-bar p { margin-top:16px; font-size:11px; letter-spacing:.25em; color:rgba(255,255,255,.4); text-align:center; }

/* ============ PARTICLES CANVAS ============ */
#mz-particles { position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.7; }

/* ============ ANIMATIONS ============ */
@keyframes mz-spin { to { transform:rotate(360deg); } }
@keyframes mz-pulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }
@keyframes mz-pulse-glow {
    0%,100% { box-shadow:0 0 30px rgba(139,92,246,.5), 0 0 60px rgba(139,92,246,.3); }
    50% { box-shadow:0 0 50px rgba(34,211,238,.7), 0 0 100px rgba(139,92,246,.5); }
}
@keyframes mz-grid { 0% { background-position:0 0; } 100% { background-position:50px 50px; } }
@keyframes mz-float { 0%,100% { transform:translate(-50%,-50%) rotate(var(--angle)) translateX(190px) rotate(calc(var(--angle) * -1)) translateY(0); }
    50% { transform:translate(-50%,-50%) rotate(var(--angle)) translateX(190px) rotate(calc(var(--angle) * -1)) translateY(-10px); } }
@keyframes mz-stream {
    0% { transform:translateY(-100%); opacity:0; }
    10%,90% { opacity:1; }
    100% { transform:translateY(100vh); opacity:0; }
}