.loader{z-index:100;background:#02040a;place-items:center;animation:.7s 2.85s forwards loaderExit;display:grid;position:fixed;inset:0}.bootbox{width:min(760px,100vw - 32px);font-family:var(--font-mono);background:#05070ddb;border:1px solid #22d3ee52;border-radius:22px;padding:22px;box-shadow:0 0 80px #22d3ee1f}.bootbar{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:18px;padding-bottom:16px;display:flex}.bootdot{border-radius:999px;width:10px;height:10px}.bootdot-rose{background:var(--rose)}.bootdot-yellow{background:var(--yellow)}.bootdot-lime{background:var(--lime)}.bootline{color:#dbeafe;opacity:0;font-size:14px;line-height:1.8;animation:.4s forwards typeIn;transform:translateY(6px)}.bootline:nth-child(2){animation-delay:.2s}.bootline:nth-child(3){animation-delay:.55s}.bootline:nth-child(4){animation-delay:.9s}.bootline:nth-child(5){animation-delay:1.25s}.bootline:nth-child(6){animation-delay:1.6s}.bootline:nth-child(7){animation-delay:1.95s}.bootline:nth-child(8){animation-delay:2.3s}.green{color:var(--lime)}.cyan{color:var(--cyan)}.muted{color:var(--muted)}.cursor{color:var(--cyan);animation:.8s step-end infinite blink}@keyframes typeIn{to{opacity:1;transform:translateY(0)}}@keyframes loaderExit{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes blink{50%{opacity:0}}
.footer{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;gap:20px;padding:40px 0 20px;font-size:12px;font-weight:700;display:flex}@media (max-width:620px){.footer{flex-direction:column}}
.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;min-height:720px;padding:64px 0 46px;display:grid}.eyebrow{color:#bae6fd;font-family:var(--font-mono);background:#22d3ee0e;border:1px solid #22d3ee3d;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(52px,8vw,104px);line-height:.92}.hero h1 span{background:linear-gradient(90deg,#f8fafc,#67e8f9 58%,#a3e635);color:#0000;-webkit-background-clip:text}.stepped-quote{letter-spacing:-.045em;max-width:760px;margin:30px 0 24px;font-size:clamp(23px,3.2vw,42px);font-weight:800;line-height:1.08}.stepped-quote p{margin:0}.stepped-quote p:nth-child(2){color:#dbeafe;padding-left:34px}.stepped-quote p:nth-child(3){color:#bae6fd;padding-left:68px}.subtitle{color:#cbd5e1;max-width:640px;margin:0 0 30px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.identity-card{background:linear-gradient(#0f172ad1,#020617bd);border:1px solid #22d3ee38;border-radius:34px;padding:18px;overflow:hidden;transform:rotate(1deg);box-shadow:0 0 90px #22d3ee21}.image-placeholder{text-align:center;background:radial-gradient(circle at 50% 30%,#22d3ee2e,#0000 24%),linear-gradient(145deg,#ffffff0d,#ffffff04);border:1px solid #ffffff1c;border-radius:26px;place-items:center;min-height:440px;display:grid}.image-placeholder span{letter-spacing:-.08em;color:#f8fafce0;font-size:70px;font-weight:900;display:block}.image-placeholder small{color:var(--muted);font-family:var(--font-mono);margin-top:8px;display:block}.terminal-mini{font-family:var(--font-mono);background:#0000003d;border:1px solid #ffffff17;border-radius:22px;margin-top:14px;padding:18px;font-size:13px}.terminal-mini div{color:var(--cyan)}.terminal-mini div span{color:var(--lime)}.terminal-mini p{color:#cbd5e1;margin:6px 0 14px}.terminal-mini .online{color:var(--lime);margin-bottom:0}@media (max-width:930px){.hero{grid-template-columns:1fr;min-height:auto}.identity-card{transform:none}}@media (max-width:620px){.hero{padding-top:42px}.hero h1{font-size:54px}.stepped-quote p:nth-child(2),.stepped-quote p:nth-child(3){padding-left:0}.image-placeholder{min-height:300px}}
.nav{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070db8;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex;position:sticky;top:16px;box-shadow:0 20px 80px #00000047}.brand{letter-spacing:.1em;align-items:center;gap:10px;min-width:max-content;padding-left:10px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.brand-pulse{background:var(--lime);border-radius:999px;width:11px;height:11px;box-shadow:0 0 24px #a3e63599}.drawer{scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.drawer::-webkit-scrollbar{display:none}.nav-pill{color:#cbd5e1;font-family:var(--font-mono);white-space:nowrap;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;transition:all .18s}.nav-pill:hover{color:var(--cyan);border-color:#22d3ee80;transform:translateY(-1px);box-shadow:0 0 28px #22d3ee1f}.nav-pill.locked{opacity:.46}.nav-pill.locked:hover{color:#cbd5e1;box-shadow:none;border-color:#ffffff1a;transform:none}@media (max-width:930px){.nav{border-radius:26px;flex-direction:column;align-items:flex-start}.drawer{width:100%}}
.about-grid{grid-template-columns:1fr .7fr;gap:18px;display:grid}.about-card{padding:26px}.about-card p{color:#cbd5e1;margin:0;font-size:17px;line-height:1.75}.timeline{gap:12px;display:grid}.time-item{background:#ffffff09;border:1px solid #ffffff17;border-radius:20px;padding:16px}.time-item b{display:block}.time-item span{color:var(--muted);font-size:13px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{flex-direction:column;justify-content:space-between;min-height:250px;padding:20px;transition:all .18s;display:flex}.project-card:hover{border-color:#22d3ee61;transform:translateY(-4px);box-shadow:0 0 55px #22d3ee14}.project-card.locked-card{opacity:.66}.project-num{font-family:var(--font-mono);color:var(--lime);margin-bottom:14px;font-size:12px;font-weight:800}.project-card h3{letter-spacing:-.03em;margin:0 0 12px;font-size:22px}.project-card p{color:var(--muted);margin:0;line-height:1.55}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tag{color:#cbd5e1;font-family:var(--font-mono);background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.skills-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skill-card{padding:20px}.skill-card h3{margin:0 0 12px;font-size:18px}.skill-card p{color:var(--muted);margin:0;line-height:1.55}.cert-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cert-card{justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.cert-card b{font-size:15px}.cert-card span{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;font-size:12px;font-weight:700}.contact-card{background:radial-gradient(circle at 20% 20%,#22d3ee24,transparent 26%),radial-gradient(circle at 80% 80%,#a3e6351f,transparent 28%),var(--panel);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:34px;display:grid}.contact-card p{color:var(--muted);max-width:680px;line-height:1.65}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:930px){.about-grid,.contact-card{grid-template-columns:1fr}.projects-grid,.skills-grid,.cert-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.projects-grid,.skills-grid,.cert-grid{grid-template-columns:1fr}.cert-card{flex-direction:column;align-items:flex-start;gap:8px}}