@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg:#0d1424;--bg-gradient:radial-gradient(circle at center, #162440 0%, #0d1424 100%);--bg2:#131f35;--bg3:#1a2744;--text:#e8edf5;--text-muted:#8099c4;--text-dim:#5c7499;--accent-yellow:#f5c842;--accent-cyan:#00d4ff;--accent-green:#00e676;--border:#ffffff14;--nav-h:72px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-gradient);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22 opacity=%220.03%22/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}.app-container{flex-direction:column;min-height:100vh;display:flex}main{padding-top:var(--nav-h);flex:1}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 40px}.section-title{color:var(--text);letter-spacing:-.03em;margin-bottom:48px;font-size:clamp(3rem,7vw,4.5rem);font-weight:800;line-height:1.05}.text-yellow{color:var(--accent-yellow)}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.text-muted{color:var(--text-muted)}.navbar{z-index:1000;background:var(--text);color:#111;height:var(--nav-h);border-bottom:1px solid #0000001a;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000000d}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:0 40px;display:flex}.nav-brand{color:#111;letter-spacing:-.03em;font-size:1.1rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:#555;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:#000}.nav-link.active{color:#000;border-bottom:2px solid var(--accent-yellow);padding-bottom:2px;font-weight:800}.nav-divider{color:#ccc;font-size:1rem}.nav-resume-btn{color:#111;border:1.5px solid #111;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav-resume-btn:hover{color:#fff;background:#111}@media (width<=768px){.nav-inner{padding:0 20px}.nav-links{gap:16px}.nav-resume-btn{padding:8px 14px;font-size:.85rem}}.footer{border-top:1px solid var(--border);background:0 0;margin-top:auto;padding:30px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1080px;margin:0 auto;padding:0 40px;display:flex}.footer-left{align-items:center;gap:12px;display:flex}.footer-brand{color:var(--text);font-size:.95rem;font-weight:700}.footer-sep{color:var(--text-dim)}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-links{align-items:center;gap:16px;font-size:.9rem;font-weight:500;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-links span{color:var(--text-dim)}.footer-socials{gap:12px;display:flex}.footer-social-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.footer-social-btn:hover{border-color:var(--text-muted);color:var(--text)}@media (width<=768px){.footer-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:0 20px}}.home-section{min-height:calc(100vh - var(--nav-h));align-items:center;display:flex;position:relative;overflow:hidden}.home-content{z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:5%;display:flex;position:relative}.hero-text{max-width:500px}.hero-name{flex-direction:column;margin-bottom:24px;line-height:.95;display:flex}.hero-first{color:var(--text);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(6rem,14vw,11rem);font-weight:900}.hero-last{color:var(--text-dim);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(6rem,14vw,11rem);font-weight:900}.hero-title{letter-spacing:.25em;color:var(--accent-yellow);text-transform:uppercase;margin-left:8px;font-size:clamp(.9rem,2vw,1.2rem);font-weight:800}@media (width<=768px){.hero-first,.hero-last{font-size:clamp(4rem,18vw,6rem)}}.page-section{padding:60px 0 100px}.about-grid{grid-template-columns:1fr auto;align-items:start;gap:60px;margin-bottom:80px;display:grid}.about-text p{color:var(--text-muted);max-width:540px;margin-bottom:20px;font-size:1.1rem;line-height:1.7}.contact-info{border-left:2px solid var(--accent-yellow);margin:30px 0;padding-left:16px}.contact-info p{margin-bottom:8px;font-size:1rem}.contact-info a{font-weight:600;text-decoration:none}.about-links{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.btn-outline{border:1.5px solid var(--text);color:var(--text);border-radius:8px;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn-outline:hover{background:var(--text);color:var(--bg)}.btn-ghost{border:1.5px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text)}.about-avatar{flex-shrink:0}.avatar-card{border:1px solid var(--border);border-radius:20px;width:250px;height:250px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.skills-section h2{color:var(--text);margin-bottom:30px;font-size:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.skill-category{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:24px}.skill-category h3{color:var(--accent-cyan);margin-bottom:12px;font-size:1.1rem}.skill-category p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.experience-section{margin-bottom:80px}.experience-section h2{color:var(--text);margin-bottom:40px;font-size:2rem}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:32px;padding-left:24px;display:flex;position:relative}.timeline-item{position:relative}.timeline-item:before{content:"";background:var(--accent-cyan);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-31px}.timeline-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.timeline-header h3{color:var(--text);margin-bottom:4px;font-size:1.25rem}.timeline-header h4{color:var(--accent-yellow);font-size:1rem;font-weight:500}.timeline-meta{color:var(--text-muted);flex-direction:column;align-items:flex-end;font-size:.9rem;display:flex}.timeline-location{font-style:italic}.timeline-content{color:var(--text-muted);padding-left:20px;font-size:.95rem;line-height:1.6}.timeline-content li{margin-bottom:8px}@media (width<=860px){.about-grid{grid-template-columns:1fr;gap:40px}.about-avatar{order:-1}.avatar-card{aspect-ratio:1;width:100%;max-width:300px;height:auto}.timeline-header{flex-direction:column;align-items:flex-start;gap:4px}.timeline-meta{align-items:flex-start;margin-top:4px}}.projects-page{padding-top:60px}.projects-sub{color:var(--text-muted);margin-top:-30px;margin-bottom:40px;font-size:1rem}.projects-sub a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s}.projects-sub a:hover{color:var(--text)}.projects-list{padding-bottom:60px;position:relative}.project-separator{background:var(--border);height:1px;transition:background .3s}.project-separator.last-sep{margin-top:0}.project-row{cursor:pointer}.project-row:hover .project-separator{background:#fff3}.project-row-inner{justify-content:space-between;align-items:center;gap:24px;padding:30px 0;transition:padding-left .3s cubic-bezier(.4,0,.2,1);display:flex}.project-row:hover .project-row-inner{padding-left:12px}.project-info{flex-direction:column;gap:12px;display:flex}.project-name{color:var(--text);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;transition:color .2s}.project-row:hover .project-name{color:#fff}.project-tags{flex-wrap:wrap;gap:10px;display:flex}.tag{color:var(--accent-yellow);letter-spacing:.03em;font-size:.85rem;font-weight:700}.view-project-btn{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,transform .2s}.project-row:hover .view-project-btn{color:var(--text);transform:translate(-4px)}.project-preview{border:1px solid var(--border);border-radius:12px;width:300px;overflow:hidden;box-shadow:0 30px 80px #0009}.project-preview img{width:100%;height:auto;display:block}@media (width<=768px){.project-row-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 0}.project-name{font-size:1.25rem}.view-project-btn{display:none}}.certificates-section{margin-top:80px}.cert-title{margin-bottom:30px;font-size:2.2rem}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.cert-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.cert-card:hover{border-color:var(--accent-cyan);transform:translateY(-4px)}.cert-icon{color:var(--accent-cyan);margin-bottom:16px}.cert-name{color:var(--text);margin-bottom:12px;font-size:1.1rem;font-weight:600;line-height:1.4}.cert-view{color:var(--text-muted);margin-top:auto;font-size:.9rem;font-weight:500}.project-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.project-modal-content{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:800px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #000c}.close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:24px;right:24px}.close-modal:hover{color:var(--text)}.modal-title{color:var(--text);margin-bottom:16px;padding-right:40px;font-size:2.5rem;font-weight:800}.modal-tags{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.modal-tag{color:var(--accent-yellow);font-size:.95rem;font-weight:700}.modal-tag:nth-child(2n){color:var(--accent-cyan)}.modal-divider{border:none;border-top:1px solid var(--border);margin-bottom:30px}.modal-description{margin:0 0 40px;padding:0;list-style:none}.modal-description li{color:var(--text);align-items:flex-start;gap:12px;margin-bottom:16px;font-size:1.05rem;line-height:1.6;display:flex}.bullet-point{color:var(--text-muted)}.modal-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-deployed,.btn-github{border-radius:8px;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-deployed{background:var(--text);color:var(--bg)}.btn-deployed:hover{background:var(--accent-yellow);color:#000}.btn-github{color:var(--text);border:1px solid var(--border);background:0 0}.btn-github:hover{border-color:var(--text);background:#ffffff0d}@media (width<=768px){.project-modal-content{padding:30px 20px}.modal-title{font-size:2rem}}