@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#0a1220;--bg-panel:#0d1a2e;--bg-panel-alt:#0f1e35;--paper:#e9e6dc;--ink:#c3cad9;--ink-soft:#7c869c;--brass:#c9974a;--brass-bright:#e0b567;--rust:#b1552f;--line:#223151;--line-strong:#34496f;--radius:3px;--ease:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}section{padding:90px 20px;position:relative}.container{width:90%;max-width:1100px;margin:auto}h2{letter-spacing:-.01em;text-align:center;color:var(--paper);margin-bottom:14px;padding-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:2.1rem;font-weight:600;position:relative}h2:after{content:"";background:var(--brass);width:46px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}p{color:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:1rem;line-height:1.8}body{background-color:var(--bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:top;background-size:64px 64px;background-attachment:fixed}.experience,.why-work{background-color:var(--bg)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background-color:#0a1220eb;padding:20px 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--paper);letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.logo:before{content:"// ";color:var(--brass);font-family:IBM Plex Mono,monospace;font-weight:400}.nav-links{gap:28px;list-style:none;display:flex}.nav-links a{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;transition:color .25s var(--ease);font-family:IBM Plex Mono,monospace;font-size:.82rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--brass);width:0;height:1px;transition:width .25s var(--ease);position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--brass-bright)}.nav-links a:hover:after{width:100%}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger .bar{background-color:var(--paper);width:24px;height:2px;transition:all .3s}.hamburger .bar.open:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.nav-links{background-color:var(--bg-panel);border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:none;position:absolute;top:70px;left:0;right:0}.nav-links.open,.hamburger{display:flex}}.hero{text-align:center;align-items:center;min-height:100vh;display:flex}.hero-content{max-width:800px;margin:auto}.hero-intro{color:var(--brass);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-family:IBM Plex Mono,monospace;font-size:.85rem}.hero-intro:before{content:"[ "}.hero-intro:after{content:" ]"}.hero h2{color:var(--paper);margin-bottom:8px;padding-bottom:0;font-size:3.4rem}.hero h2:after{display:none}.hero h3{color:var(--ink-soft);margin-bottom:26px;font-family:IBM Plex Sans,sans-serif;font-size:1.4rem;font-weight:500}.hero-description{max-width:650px;margin:auto auto 34px;font-size:1.02rem}.hero-stats{flex-wrap:wrap;justify-content:center;gap:50px;margin-bottom:38px;display:flex}.hero-stats h4{color:var(--brass-bright);text-align:center;font-family:Space Grotesk,sans-serif;font-size:1.8rem}.hero-stats span{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.78rem}@media (width<=768px){.hero-stats{gap:25px}.hero-stats h4{font-size:1.4rem}}.hero-highlights{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:34px;display:flex}.hero-highlights span{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);letter-spacing:.03em;background:0 0;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);transition:all .25s var(--ease);padding:13px 26px;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-block}.primary-btn{background-color:var(--brass);color:var(--bg);border:1px solid var(--brass)}.primary-btn:hover{color:var(--brass-bright);background-color:#0000}.secondary-btn{border:1px solid var(--line-strong);color:var(--paper);background:0 0}.secondary-btn:hover{border-color:var(--brass);color:var(--brass-bright)}.outline-btn{color:var(--brass);background:0 0;border:1px solid #0000;padding:13px 10px}.outline-btn:hover{color:var(--brass-bright);text-underline-offset:4px;text-decoration:underline}.resume-btn{border:1px solid var(--line-strong);color:var(--paper);background-color:#0000}.resume-btn:hover{border-color:var(--brass);color:var(--brass-bright)}.about-content{text-align:center;max-width:850px;margin:auto}.about-content p{margin-bottom:20px;font-size:1.02rem}.section-description{text-align:center;max-width:700px;color:var(--ink-soft);margin:0 auto 40px}.skill-card,.project-card,.experience-card,.service-card,.expertise-card,.why-card{background-color:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .3s var(--ease), transform .3s var(--ease);position:relative}.skill-card:before,.skill-card:after,.project-card:before,.project-card:after,.experience-card:before,.experience-card:after,.service-card:before,.service-card:after,.expertise-card:before,.expertise-card:after,.why-card:before,.why-card:after{content:"";opacity:0;width:14px;height:14px;transition:opacity .3s var(--ease);pointer-events:none;position:absolute}.skill-card:before,.project-card:before,.experience-card:before,.service-card:before,.expertise-card:before,.why-card:before{border-top:2px solid var(--brass);border-left:2px solid var(--brass);top:-1px;left:-1px}.skill-card:after,.project-card:after,.experience-card:after,.service-card:after,.expertise-card:after,.why-card:after{border-bottom:2px solid var(--brass);border-right:2px solid var(--brass);bottom:-1px;right:-1px}.skill-card:hover,.project-card:hover,.experience-card:hover,.service-card:hover,.expertise-card:hover,.why-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.skill-card:hover:before,.skill-card:hover:after,.project-card:hover:before,.project-card:hover:after,.experience-card:hover:before,.experience-card:hover:after,.service-card:hover:before,.service-card:hover:after,.expertise-card:hover:before,.expertise-card:hover:after,.why-card:hover:before,.why-card:hover:after{opacity:1}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-top:40px;display:grid}.skill-card{text-align:center;color:var(--paper);letter-spacing:.02em;padding:18px;font-family:IBM Plex Mono,monospace;font-size:.88rem;font-weight:500}.skill-card:hover{color:var(--brass-bright)}.skill-chip{border-radius:var(--radius);border:1px solid var(--line-strong);color:var(--ink);transition:all .25s var(--ease);background:0 0;margin:5px;padding:7px 13px;font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:400;display:inline-block}.skill-chip:hover{border-color:var(--brass);color:var(--brass-bright);transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px;display:grid}.project-card{padding:26px}.project-card h3{color:var(--paper);margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.project-card p{text-align:left;color:var(--ink);margin-bottom:15px}.project-card span{color:var(--brass);letter-spacing:.03em;margin-bottom:15px;font-family:IBM Plex Mono,monospace;font-size:.82rem;display:inline-block}.project-highlights{margin:15px 0;padding-left:18px}.project-highlights li{color:var(--ink);margin-bottom:10px;line-height:1.6}.project-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.project-card a,.certificate-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--bg);background-color:var(--brass);border-radius:var(--radius);border:1px solid var(--brass);cursor:pointer;transition:.25s var(--ease);padding:10px 18px;font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-block}.project-card a:hover,.certificate-btn:hover{color:var(--brass-bright);background-color:#0000}.experience-card{max-width:900px;margin:auto;padding:40px}.experience-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.experience-header h3{color:var(--paper);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:1.6rem}.experience-header h4{color:var(--brass);margin-bottom:10px;font-family:IBM Plex Sans,sans-serif;font-size:1.05rem;font-weight:500}.experience-duration{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:.85rem}.experience-badge{border-radius:var(--radius);border:1px solid var(--brass);color:var(--brass-bright);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:0 0;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.experience-location{color:var(--ink);margin-top:25px;font-size:.95rem}.experience-tech{flex-wrap:wrap;gap:10px;margin-top:25px;margin-bottom:30px;display:flex}.experience-tech span{border-radius:var(--radius);border:1px solid var(--line-strong);color:var(--ink);background:0 0;padding:7px 13px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.experience-list{list-style:none}.experience-list li{color:var(--ink);margin-bottom:18px;padding-left:28px;line-height:1.8;position:relative}.experience-list li:before{content:"▸";color:var(--brass);font-weight:700;position:absolute;left:0}@media (width<=768px){.experience-card{padding:24px}.experience-header{flex-direction:column}.experience-header h3{font-size:1.4rem}.experience-tech{gap:10px}}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.service-card{padding:30px}.service-card h3{color:var(--paper);margin-bottom:15px;font-family:Space Grotesk,sans-serif}.service-card p{color:var(--ink)}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:40px;display:grid}.expertise-card{padding:25px}.expertise-card h3{color:var(--brass);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:1rem}.expertise-card ul{list-style:none}.expertise-card li{color:var(--ink);border-bottom:1px solid var(--line);padding:8px 0}.expertise-card li:last-child{border-bottom:none}.why-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.why-card{padding:30px}.why-card h3{color:var(--paper);margin-bottom:15px;font-family:Space Grotesk,sans-serif;font-size:1.15rem}.why-card p{color:var(--ink);line-height:1.8}.cta-section{padding:120px 20px}.cta-card{text-align:center;background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:6px;max-width:950px;margin:auto;padding:60px 40px;position:relative}.cta-card:before{content:"FIG. 01 — GET IN TOUCH";letter-spacing:.08em;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:.7rem;position:absolute;top:18px;left:24px}.cta-card h2{margin-bottom:20px}.cta-card p{max-width:700px;margin:auto auto 35px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=768px){.cta-card{padding:44px 24px}.cta-card:before{left:16px}}.contact{text-align:center}.contact-text{max-width:700px;margin:auto auto 30px}.contact-links{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.contact-links a{border-radius:var(--radius);background-color:var(--bg-panel);color:var(--paper);border:1px solid var(--line-strong);transition:.25s var(--ease);padding:12px 22px;font-family:IBM Plex Mono,monospace;font-size:.85rem;text-decoration:none}.contact-links a:hover{border-color:var(--brass);color:var(--brass-bright)}.contact-form{flex-direction:column;gap:18px;max-width:700px;margin:40px auto;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background-color:var(--bg-panel);width:100%;color:var(--paper);transition:border-color .25s var(--ease);outline:none;padding:14px 16px;font-family:IBM Plex Sans,sans-serif;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brass)}.contact-form textarea{resize:none}.contact-form button{cursor:pointer;border:none;align-self:center}.certifications{padding-top:100px;padding-bottom:100px}.certificate-modal{z-index:2000;background:#0a1220f0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.certificate-modal-content{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:6px;width:100%;max-width:1000px;padding:20px;position:relative}.certificate-preview{object-fit:contain;border-radius:var(--radius);width:100%;max-height:85vh;display:block}.close-btn{background:var(--brass);color:var(--bg);cursor:pointer;width:38px;height:38px;transition:.25s var(--ease);border:none;border-radius:50%;font-size:1.05rem;font-weight:700;position:absolute;top:12px;right:12px}.close-btn:hover{background:var(--brass-bright)}@media (width<=768px){.certifications{padding-top:100px;padding-bottom:100px}.certificate-modal-content{padding:12px}.close-btn{width:34px;height:34px;font-size:.95rem}}.footer{background:var(--bg-panel);border-top:1px solid var(--line);text-align:center;padding:60px 20px}.footer h3{color:var(--paper);margin-bottom:15px;font-family:Space Grotesk,sans-serif}.footer p{max-width:650px;margin:auto}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin:30px 0;display:flex}.footer-links a{color:var(--brass);font-family:IBM Plex Mono,monospace;font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--brass-bright)}.copyright{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:.78rem}.projects,.experience,.contact,.skills,.about,.certifications{padding-top:100px;padding-bottom:100px}@media (width<=768px){section{padding:70px 16px}.container{width:95%}body{background-size:40px 40px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px;font-size:.85rem}.hero h2{font-size:2.3rem}.hero h3{font-size:1.1rem}.hero-description{font-size:.95rem}.hero-buttons{flex-direction:column;align-items:center}.btn{text-align:center;width:220px}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr);gap:15px}.experience-card{padding:22px}.contact-links{flex-direction:column;align-items:center;gap:12px}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#0f172a;font-family:Arial,sans-serif;line-height:1.6}
