@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--border-color: #1a1a1a;--border-hover: #2a2a2a;--text-primary: #fafafa;--text-secondary: #888;--text-muted: #666;--accent: #fff}body.light-mode{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #ebebeb;--border-color: #e0e0e0;--border-hover: #d0d0d0;--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #777;--accent: #000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.theme-toggle:hover{background:var(--border-hover);transform:scale(1.05)}.container{max-width:720px;margin:0 auto;padding:24px 20px}.nav{display:flex;justify-content:center;position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 20px;background:transparent}.nav-links{display:flex;align-items:center;gap:4px;background:#1a1a1a;padding:6px 8px;border-radius:24px;border:1px solid #2a2a2a}.nav-link{color:#888;text-decoration:none;font-size:13px;font-weight:500;padding:8px 14px;border-radius:20px;transition:all .2s ease}.nav-link:hover{color:#fff;background:#2a2a2a}.nav-link.active{color:#000;background:#fff}.nav-divider{color:#444;font-size:14px;margin:0 4px}.hamburger-btn{display:none;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:10px;color:#fff;cursor:pointer;z-index:1001;transition:background .2s ease}.hamburger-btn:hover{background:#2a2a2a}.nav-mobile{display:none;position:fixed;top:70px;left:20px;right:20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:16px;z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-mobile.open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-mobile-links{display:flex;flex-direction:column;gap:4px}.nav-mobile-link{color:#888;text-decoration:none;font-size:15px;font-weight:500;padding:12px 16px;border-radius:12px;transition:all .2s ease}.nav-mobile-link:hover{color:#fff;background:#2a2a2a}.nav-mobile-link.active{color:#000;background:#fff}.nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:640px){.nav-desktop{display:none}.hamburger-btn{display:flex}.nav-mobile{display:block}}.hero{display:flex;flex-direction:column;gap:32px}.hero-content{display:flex;flex-direction:column;gap:20px}.profile-section{display:flex;justify-content:space-between;align-items:flex-start}.profile-left{display:flex;gap:20px;align-items:flex-start}.profile-image{width:80px;height:80px;border-radius:12px;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{font-size:22px;font-weight:600;color:#fff;margin:0}.profile-title{font-size:14px;color:#888;margin:0}.profile-location{font-size:13px;color:#666;display:flex;align-items:center;gap:4px;margin:2px 0}.location-icon{font-size:12px}.profile-status{display:flex;align-items:center;gap:6px;font-size:13px;color:#22c55e;margin:0}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%}.profile-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.action-link{display:flex;align-items:center;gap:8px;color:#888;text-decoration:none;font-size:14px;transition:color .2s ease;position:relative}.action-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.action-link:hover{color:#fff}.action-link:hover:after{width:100%}.link-icon,.download-icon{font-size:14px}.contact-row{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #1a1a1a}.email-link{display:flex;align-items:center;gap:8px;color:#888;text-decoration:none;font-size:14px;transition:color .2s ease;position:relative}.email-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.email-link:hover{color:#fff}.email-link:hover:after{width:100%}.email-icon{font-size:14px}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;gap:6px;color:#888;text-decoration:none;font-size:14px;transition:color .2s ease;position:relative}.social-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.social-link:hover{color:#fff}.social-link:hover:after{width:100%}.social-icon{font-size:14px;font-weight:600}.about-section{margin-top:24px;scroll-margin-top:80px}.about-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.about-content{display:flex;flex-direction:column;gap:16px}.about-content p{font-size:14px;color:#888;line-height:1.7;margin:0}@media(max-width:640px){.profile-section{flex-direction:column;gap:24px}.profile-right{flex-direction:row;align-items:center;width:100%}.contact-row{flex-direction:column;gap:16px;align-items:flex-start}.nav-links{gap:2px}.nav-link{padding:6px 8px;font-size:11px}}.projects-section{margin-top:40px;padding-top:40px;border-top:1px solid #1a1a1a;scroll-margin-top:80px}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.projects-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em}.view-all-link{color:#888;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:4px;transition:color .2s ease;position:relative}.view-all-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.view-all-link:hover{color:#fff}.view-all-link:hover:after{width:100%}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{background:#141414;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s ease,background .2s ease}.project-card:hover{transform:translateY(-2px);background:#1a1a1a}.project-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s ease}.project-card:hover .project-image{opacity:1}.project-image-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.overlay-content{text-align:center;padding:20px}.overlay-text{color:#ccc;font-size:12px;margin:0}.overlay-text-bold{color:#fff;font-size:14px;font-weight:600;margin:4px 0 0}.project-info{display:flex;justify-content:space-between;align-items:center;padding:16px}.project-details{display:flex;flex-direction:column;gap:2px}.project-name{font-size:15px;font-weight:600;color:#fff;margin:0}.project-type{font-size:13px;color:#666;margin:0}.project-arrow{color:#666;font-size:16px;transition:color .2s ease,transform .2s ease}.project-card:hover .project-arrow{color:#fff;transform:translate(2px)}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.certifications-section{margin-top:40px;padding-top:40px;border-top:1px solid #1a1a1a}.certifications-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.certifications-list{display:flex;flex-direction:column;gap:0}.certification-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0;border-bottom:1px solid #1a1a1a}.certification-item:first-child{padding-top:0}.certification-item:last-child{border-bottom:none}.certification-info{display:flex;flex-direction:column;gap:4px}.certification-name{font-size:14px;font-weight:500;color:#fff;margin:0}.certification-org{font-size:13px;color:#666;margin:0}.certification-link{color:#888;text-decoration:none;font-size:14px;transition:color .2s ease;white-space:nowrap;position:relative}.certification-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.certification-link:hover{color:#fff}.certification-link:hover:after{width:100%}.experience-section{margin-top:40px;padding-top:40px;border-top:1px solid #1a1a1a;scroll-margin-top:80px}.experience-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.experience-list{display:flex;flex-direction:column;gap:32px}.experience-item{display:flex;flex-direction:column;gap:16px}.experience-header{display:flex;justify-content:space-between;align-items:flex-start}.experience-left{display:flex;flex-direction:column;gap:4px}.experience-location{font-size:12px;color:#666;margin:0}.experience-company{font-size:15px;font-weight:600;color:#fff;margin:0}.experience-role{font-size:13px;color:#888;margin:0}.experience-date{font-size:13px;color:#666;white-space:nowrap}.experience-points{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.experience-points li{font-size:14px;color:#888;line-height:1.6}@media(max-width:640px){.experience-header{flex-direction:column;gap:8px}}.stack-section{margin-top:40px;padding-top:40px;border-top:1px solid #1a1a1a;scroll-margin-top:80px}.stack-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stack-item{display:flex;align-items:flex-start;gap:12px;text-decoration:none;transition:opacity .2s ease}.stack-item:hover{opacity:.8}.stack-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stack-icon svg{width:28px;height:28px}.html-icon,.css-icon{background:#fff}.js-icon{background:#f0db4f}.react-icon{background:#20232a}.node-icon,.express-icon{background:#333}.mongo-icon{background:#023430}.java-icon,.python-icon{background:#fff}.figma-icon{background:#1e1e1e}.stack-info{display:flex;flex-direction:column;gap:2px}.stack-name{font-size:14px;font-weight:500;color:#fff;margin:0}.stack-name span{color:#666;font-size:12px}.stack-desc{font-size:13px;color:#666;margin:0}@media(max-width:640px){.stack-grid{grid-template-columns:1fr}}.education-section{margin-top:40px;padding-top:40px;border-top:1px solid #1a1a1a;scroll-margin-top:80px}.education-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.education-list{display:flex;flex-direction:column;gap:32px}.education-item{display:flex;flex-direction:column;gap:12px}.education-header{display:flex;justify-content:space-between;align-items:flex-start}.education-left{display:flex;flex-direction:column;gap:4px}.education-location{font-size:12px;color:#666;margin:0}.education-degree{font-size:15px;font-weight:600;color:#fff;margin:0}.education-institution{font-size:13px;color:#888;margin:0}.education-date{font-size:13px;color:#666;white-space:nowrap}.education-desc{font-size:14px;color:#666;line-height:1.6;margin:0}@media(max-width:640px){.education-header{flex-direction:column;gap:8px}}.contact-section{margin-top:40px;padding-top:40px;border-top:1px solid #1a1a1a;scroll-margin-top:80px}.contact-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-.02em}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-group{display:flex;flex-direction:column;gap:6px}.contact-label{font-size:14px;font-weight:500;color:#fff;margin:0}.contact-value{color:#888;font-weight:400}.contact-link{font-size:14px;color:#888;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#fff}.contact-socials{display:flex;flex-direction:column;gap:6px}.contact-social-link{font-size:14px;color:#888;text-decoration:none;transition:color .2s ease}.contact-social-link:hover{color:#fff}.contact-form-wrapper{display:flex;flex-direction:column;gap:12px}.form-label{font-size:14px;color:#888;margin:0}.contact-form{display:flex;flex-direction:column;gap:12px}.form-input,.form-textarea{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:14px 16px;font-size:14px;color:#fff;font-family:inherit;transition:border-color .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-input:focus,.form-textarea:focus{outline:none;border-color:#444}.form-textarea{resize:vertical;min-height:120px}.form-button{background:#fff;color:#000;border:none;border-radius:8px;padding:14px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s ease;font-family:inherit}.form-button:hover{opacity:.9}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:64px;padding-top:24px;border-top:1px solid #1a1a1a}.footer-left,.footer-right{font-size:13px;color:#666;margin:0}.footer-link{color:#fff;text-decoration:underline}.footer-link:hover{color:#888}@media(max-width:640px){.contact-content{grid-template-columns:1fr;gap:32px}.footer{flex-direction:column;gap:8px;text-align:center}}body.light-mode .nav-links{background:#f0f0f0;border-color:#e0e0e0}body.light-mode .nav-link{color:#555}body.light-mode .nav-link:hover{color:#000;background:#e0e0e0}body.light-mode .nav-link.active{color:#fff;background:#000}body.light-mode .hamburger-btn{background:#f0f0f0;border-color:#e0e0e0;color:#000}body.light-mode .nav-mobile{background:#f0f0f0;border-color:#e0e0e0}body.light-mode .nav-mobile-link{color:#555}body.light-mode .nav-mobile-link:hover{color:#000;background:#e0e0e0}body.light-mode .nav-mobile-link.active{color:#fff;background:#000}body.light-mode .profile-name,body.light-mode .about-title,body.light-mode .projects-title,body.light-mode .certifications-title,body.light-mode .experience-title,body.light-mode .stack-title,body.light-mode .education-title,body.light-mode .contact-title,body.light-mode .contact-label,body.light-mode .project-name,body.light-mode .certification-name,body.light-mode .experience-company,body.light-mode .education-degree,body.light-mode .stack-name{color:#1a1a1a}body.light-mode .profile-title,body.light-mode .profile-status,body.light-mode .about-content p,body.light-mode .action-link,body.light-mode .email-link,body.light-mode .social-link,body.light-mode .view-all-link,body.light-mode .certification-link,body.light-mode .experience-role,body.light-mode .experience-points li,body.light-mode .education-institution,body.light-mode .education-desc,body.light-mode .stack-desc,body.light-mode .contact-link,body.light-mode .contact-social-link,body.light-mode .form-label{color:#555}body.light-mode .action-link:hover,body.light-mode .email-link:hover,body.light-mode .social-link:hover,body.light-mode .view-all-link:hover,body.light-mode .certification-link:hover,body.light-mode .contact-link:hover,body.light-mode .contact-social-link:hover{color:#000}body.light-mode .action-link:after,body.light-mode .email-link:after,body.light-mode .social-link:after,body.light-mode .view-all-link:after,body.light-mode .certification-link:after{background:#000}body.light-mode .profile-location,body.light-mode .project-type,body.light-mode .certification-org,body.light-mode .experience-date,body.light-mode .experience-location,body.light-mode .education-date,body.light-mode .education-location{color:#777}body.light-mode .status-dot{background:#22c55e}body.light-mode .contact-row,body.light-mode .projects-section,body.light-mode .certifications-section,body.light-mode .experience-section,body.light-mode .stack-section,body.light-mode .education-section,body.light-mode .contact-section,body.light-mode .certification-item{border-color:#e0e0e0}body.light-mode .project-card{background:#f5f5f5}body.light-mode .project-card:hover{background:#ebebeb}body.light-mode .project-arrow{color:#777}body.light-mode .project-card:hover .project-arrow{color:#000}body.light-mode .stack-icon{background:#f0f0f0}body.light-mode .form-input,body.light-mode .form-textarea{background:#f5f5f5;border-color:#e0e0e0;color:#1a1a1a}body.light-mode .form-input::placeholder,body.light-mode .form-textarea::placeholder{color:#999}body.light-mode .form-input:focus,body.light-mode .form-textarea:focus{border-color:#ccc}body.light-mode .form-button{background:#000;color:#fff}body.light-mode .form-button:hover{background:#333}body.light-mode .footer-text,body.light-mode .footer-links a{color:#555}body.light-mode .footer-links a:hover{color:#000}