/* Nilufar Naaz portfolio — visual tokens matched to astronovaailabs.com. */
.page-hero{min-height:46vh;padding:150px 5% 72px;background:radial-gradient(circle at 78% 30%,rgba(108,63,212,.16),transparent 28%),var(--navy);text-align:center}.page-hero h1{max-width:850px;margin:0 auto 14px;font:700 clamp(2.2rem,5vw,3.8rem)/1.13 var(--font-head);letter-spacing:-.04em}.page-hero>p:last-child{max-width:620px;margin:auto;color:var(--white-dim)}.nav-links a.active{color:var(--cyan);background:var(--cyan-glow)}@media(max-width:760px){.page-hero{min-height:auto;padding:116px 6% 56px}.page-hero h1{font-size:clamp(2rem,10vw,3rem)}}
:root{--navy:#0A1628;--navy-mid:#0D1F3C;--navy-card:#0F2347;--navy-light:#132952;--cyan:#00D4FF;--cyan-dim:#00A8CC;--cyan-glow:rgba(0,212,255,.15);--purple:#6C3FD4;--purple-dim:rgba(108,63,212,.2);--white:#F0F6FF;--white-dim:rgba(240,246,255,.7);--white-faint:rgba(240,246,255,.15);--green:#00FF88;--border:rgba(0,212,255,.18);--border-dim:rgba(240,246,255,.08);--font-head:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;--radius:12px;--radius-lg:20px;--shadow:0 8px 32px rgba(0,0,0,.4);--shadow-cyan:0 0 24px rgba(0,212,255,.25);--transition:.3s cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--navy);color:var(--white);font:400 16px/1.7 var(--font-body);overflow-x:hidden}a{color:var(--cyan);text-decoration:none;transition:var(--transition)}a:hover{color:#fff}button,input,textarea{font:inherit}img{max-width:100%}.skip-link{position:fixed;top:-4rem;left:1rem;background:var(--cyan);color:var(--navy);z-index:1002;padding:.7rem 1rem;font-weight:700}.skip-link:focus{top:1rem}
.nav{position:fixed;inset:0 0 auto;z-index:1000;height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:var(--transition)}.nav.scrolled{background:rgba(10,22,40,.92);backdrop-filter:blur(16px);border-color:var(--border)}.nav-logo{display:flex;flex-direction:column;line-height:1.1;min-width:0}.wordmark{font:700 1.1rem var(--font-head);color:var(--white);white-space:nowrap}.wordmark b{color:var(--cyan)}.wordmark-sub{font:400 .58rem var(--font-mono);color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{color:var(--white-dim);font:500 .87rem var(--font-head);padding:8px 12px;border-radius:8px}.nav-links a:hover{color:var(--cyan);background:var(--cyan-glow)}.nav-cta{background:var(--cyan);color:var(--navy)!important;font-weight:700!important;padding:10px 20px!important}.nav-cta:hover{background:#fff!important;color:var(--navy)!important;box-shadow:var(--shadow-cyan)}.nav-burger{display:none;background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.25);border-radius:8px;padding:10px;cursor:pointer}.nav-burger span{display:block;width:22px;height:2px;background:var(--cyan);margin:4px;border-radius:2px}
section{padding:96px 5%;position:relative;overflow:hidden}.hero{min-height:100svh;display:flex;align-items:center;padding-top:130px;background:radial-gradient(circle at 78% 30%,rgba(108,63,212,.18),transparent 25%),var(--navy)}.hero-inner{position:relative;z-index:1;max-width:790px}.hero-eyebrow,.section-label{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font:500 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.25);padding:6px 14px;border-radius:100px;margin-bottom:20px}.section-label::before{content:'//';opacity:.6}.blink{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:blink 1.6s ease-in-out infinite}.hero h1{font:700 clamp(2.6rem,5.5vw,4.2rem)/1.08 var(--font-head);letter-spacing:-.045em;margin-bottom:20px}.hero h1 span,.text-cyan{color:var(--cyan)}.hero-sub{font:600 clamp(1.05rem,2vw,1.25rem)/1.5 var(--font-head);color:var(--white-dim);max-width:680px;margin-bottom:12px}.hero-desc,.section-copy{color:var(--white-dim);max-width:650px;margin-bottom:28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius);border:0;font:600 .95rem var(--font-head);cursor:pointer}.btn-primary{background:var(--cyan);color:var(--navy)}.btn-primary:hover{background:#fff;color:var(--navy);transform:translateY(-2px);box-shadow:var(--shadow-cyan)}.btn-outline{border:1px solid var(--border);background:transparent;color:var(--white)}.btn-outline:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-glow);transform:translateY(-2px)}.trust-bar{display:flex;gap:20px;flex-wrap:wrap;color:var(--white-dim);font-size:.78rem}.trust-bar i{color:var(--green);margin-right:5px}.orb{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(90px);pointer-events:none}.orb-cyan{right:-100px;top:15%;background:rgba(0,212,255,.11)}.orb-purple{right:20%;bottom:-180px;background:rgba(108,63,212,.13)}
.section-mid{background:var(--navy-mid);border-block:1px solid var(--border-dim)}.section-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.section-title{font:700 clamp(1.9rem,3.5vw,2.8rem)/1.2 var(--font-head);margin-bottom:16px;letter-spacing:-.025em}.section-sub{color:var(--white-dim);max-width:620px;margin:0 auto 48px}.text-center{text-align:center}.text-center .section-label{justify-content:center}.terminal{background:#0A0F1E;border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px;font:.84rem/2 var(--font-mono);box-shadow:var(--shadow)}.terminal-body{padding-top:16px}.terminal-prompt{color:var(--cyan)}.terminal-out{color:var(--green)}.terminal-comment{color:rgba(255,255,255,.35)}.pillars,.cards-grid{max-width:1150px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{position:relative;overflow:hidden;background:var(--navy-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:32px;transition:var(--transition)}.card::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:var(--transition)}.card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:var(--shadow)}.card:hover::before{opacity:1}.pillars i{color:var(--cyan);font-size:1.35rem}.card h3{font:600 1.2rem var(--font-head);margin:14px 0 8px}.card p{color:var(--white-dim);font-size:.9rem}.skill-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:var(--cyan-glow);color:var(--cyan);font-size:1.3rem;margin-bottom:18px}.skill-icon.purple{background:var(--purple-dim);color:#a987ff}.skill-icon.green{background:rgba(0,255,136,.1);color:var(--green)}.phase-badge{display:inline-flex;color:var(--cyan);background:var(--cyan-glow);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font:.68rem var(--font-mono);letter-spacing:.08em;margin-bottom:12px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{color:var(--white-dim);background:var(--navy-light);border:1px solid var(--border-dim);padding:4px 8px;border-radius:4px;font:.68rem var(--font-mono)}.blog-grid{margin-top:0}.post-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;color:var(--cyan);font-size:1.5rem;background:var(--cyan-glow);border-radius:10px}.btn-ghost{display:inline-flex;gap:7px;align-items:center;margin-top:20px;font:600 .88rem var(--font-head)}.btn-ghost:hover{gap:11px}
.contact-box{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:48px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(15,35,71,.9),rgba(10,22,40,.9));box-shadow:var(--shadow)}.contact-detail{display:flex;align-items:center;gap:10px;color:var(--white-dim);margin:13px 0;font-size:.9rem;overflow-wrap:anywhere}.contact-detail i{color:var(--cyan);width:18px}.contact-form{display:grid;gap:7px}.contact-form label{font:500 .78rem var(--font-mono);color:var(--white-dim);margin-top:6px}.contact-form input,.contact-form textarea{width:100%;color:var(--white);background:rgba(10,22,40,.75);border:1px solid var(--border-dim);border-radius:8px;padding:11px 12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.contact-form small{min-height:16px;color:#ff8d9b;font-size:.72rem}.contact-form .btn{margin-top:9px}.form-status{color:var(--green);font-size:.8rem}.footer{background:#060E1A;border-top:1px solid var(--border-dim);padding:64px 5% 28px}.footer-top{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;padding-bottom:40px}.footer-logo{width:max-content;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid var(--border-dim);border-radius:14px;margin-bottom:16px}.footer p{color:var(--white-dim);font-size:.85rem}.footer-links{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 28px}.footer-links a{font:.83rem var(--font-head)}.footer-bottom{max-width:1150px;margin:auto;padding-top:24px;border-top:1px solid var(--border-dim);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--white-dim);font:.72rem var(--font-mono)}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@keyframes blink{50%{opacity:.25}}
@media(max-width:760px){.nav{height:68px;padding:0 6%}.nav-burger{display:block}.nav-links{position:fixed;top:68px;left:0;right:0;display:flex;visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;padding:0 6%;max-height:0;overflow:hidden;background:rgba(8,16,32,.99);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition)}.nav-links.open{visibility:visible;opacity:1;pointer-events:auto;max-height:380px;padding-block:12px 24px}.nav-links a{padding:12px 16px;min-height:48px}.nav-cta{text-align:center;margin-top:8px}.hero{min-height:auto;padding:130px 6% 76px}.hero h1{font-size:clamp(2.25rem,11vw,3.1rem)}section{padding:68px 6%}.section-grid,.contact-box{grid-template-columns:1fr;gap:32px}.pillars,.cards-grid{grid-template-columns:1fr;margin-top:34px}.hero-actions .btn{width:100%}.trust-bar{gap:10px 16px}.contact-box{padding:28px 22px}.footer{padding:48px 6% 24px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.hero-eyebrow{font-size:.65rem;letter-spacing:.06em}.orb{width:220px;height:220px}}@media(max-width:360px){.hero h1{font-size:2.1rem}.wordmark{font-size:1rem}.hero-eyebrow{padding:5px 9px}.contact-box{padding:22px 16px}}
