:root{--header-height: 64px}[color-theme=light]{--text-color: #111111;--text-muted: #71717a;--background-color: #fafafa;--card-background-color: #ffffff;--border-color: #e4e4e7;--primary-color: #3b82f6;--primary-color-highlighted: #2563eb;--primary-color-active: #60a5fa;--success-text-color: #166534;--success-background-color: #dcfce7;--failure-text-color: #991b1b;--failure-background-color: #fee2e2;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .05);--contact-shadow: none;--nav-bg: rgba(250, 250, 250, .88)}[color-theme=dark]{--text-color: #f4f4f5;--text-muted: #71717a;--background-color: #111111;--card-background-color: #242427;--border-color: #38383c;--primary-color: #60a5fa;--primary-color-highlighted: #93c5fd;--primary-color-active: #3b82f6;--success-text-color: #4ade80;--success-background-color: rgba(74, 222, 128, .1);--failure-text-color: #f87171;--failure-background-color: rgba(248, 113, 113, .12);--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 4px 20px rgba(0, 0, 0, .4);--contact-shadow: none;--nav-bg: rgba(17, 17, 17, .88)}*,*:before,*:after{box-sizing:border-box}html,body{font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--background-color);margin:0;padding:0}svg *{background-color:transparent}li{cursor:pointer}.app{margin-top:var(--header-height)}.content{margin:0 20%}.full-height{min-height:100vh}.content p{line-height:1.8}.contact-form{display:flex;flex-direction:column;width:100%}.no-scroll{overflow:hidden}.section-header{margin-bottom:40px;padding-top:80px}.section-header h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:var(--text-color)}.header-accent{width:32px;height:3px;background-color:var(--primary-color);border-radius:2px}@media screen and (max-width:750px){.section-header{padding-top:48px;text-align:center}.header-accent{margin:0 auto}}@media screen and (max-width:750px){.app{margin-top:22px}.content{margin-left:20px;margin-right:20px}}.about-section{display:flex;align-items:center}.about-grid{display:grid;grid-template-columns:auto 1fr;gap:72px;align-items:center;width:100%;padding:40px 0}.portrait-col{display:flex;justify-content:center}.portrait-wrapper{width:220px;height:220px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--primary-color),0 0 20px 4px #60a5fa33;flex-shrink:0}.portrait{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.about-text-col{display:flex;flex-direction:column}.about-name{font-size:clamp(36px,4vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0 0 10px;color:var(--text-color)}.about-title{font-size:16px;font-weight:500;color:var(--primary-color);margin:0 0 24px;letter-spacing:.01em}.about-description p{font-size:17px;color:var(--text-muted);margin:0;max-width:560px}.about-links{display:flex;align-items:center;gap:12px;margin-top:32px}.contact-button{text-decoration:none;padding:11px 18px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--text-color);border-radius:8px;border:1px solid var(--border-color);list-style-type:none;transition:border-color .15s ease,color .15s ease;cursor:pointer}.contact-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.resume-link{font-size:14px;font-weight:600;color:var(--text-color);text-decoration:none;padding:11px 18px;border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:center;gap:6px;transition:border-color .15s ease,color .15s ease}.resume-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);transition:border-color .15s ease,background-color .15s ease;text-decoration:none}.icon-link:hover{border-color:var(--primary-color);background-color:#60a5fa14}.intro-svg{fill:var(--text-color);display:block}@media screen and (max-width:900px){.about-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:36px}.about-links{justify-content:center}.about-description p{max-width:100%}}@media screen and (max-width:750px){.about-section{padding-top:40px}.portrait-wrapper{width:180px;height:180px}.about-name{font-size:36px}.about-description p{font-size:16px}}.contact-section{padding-bottom:80px}.form-wrapper{max-width:560px}.contact-form label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.contact-form input,.contact-form textarea{font-size:16px;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--card-background-color);margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;transition:border-color .15s ease;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color)}.contact-form textarea{height:160px;resize:none}.contact-form button{height:44px;padding:0 24px;background:var(--primary-color);color:#fff;border-radius:8px;font-weight:600;font-size:14px;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .15s ease;margin-top:4px}.contact-form button:hover{background:var(--primary-color-highlighted)}.contact-form button:active{background:var(--primary-color-active)}.success-box,.error-box{border-radius:8px;padding:12px 14px;display:flex;margin-top:12px;align-items:center;justify-content:space-between;gap:12px}.success-box p,.error-box p{margin:0;font-size:14px}.success-box{background-color:var(--success-background-color)}.success-box p{color:var(--success-text-color)}.success-box svg{fill:var(--success-text-color)}.error-box{background-color:var(--failure-background-color)}.error-box p{color:var(--failure-text-color)}.error-box svg{fill:var(--failure-text-color)}.dismiss-button{background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;background-color:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100}.nav-center{background:none}.nav-center ul{display:flex;gap:2px;padding:0;margin:0;list-style:none;background:none}.nav-center li{padding:7px 14px;font-size:14px;font-weight:500;color:var(--text-color);border-radius:7px;transition:color .15s ease,background-color .15s ease;background:none}.nav-center li:hover{color:var(--primary-color);background-color:#60a5fa14}.nav-right{display:flex;justify-content:flex-end;align-items:center;gap:16px;background:none}.mobile-nav{position:fixed;top:20px;left:20px;background:none;z-index:200}.dark-mode-switch-mobile{position:fixed;right:20px;top:20px;background:none;z-index:200}.hamburger{background:none;border:none;padding:4px;cursor:pointer;position:relative;z-index:200}.hamburger span{display:block;width:28px;height:3px;margin-bottom:5px;position:relative;background:var(--text-color);border-radius:3px;transform-origin:center center;transition:transform .2s cubic-bezier(.77,.2,.05,1),opacity .25s ease}.hamburger span:last-child{margin-bottom:0}.ex-mark span:nth-child(1){background-color:var(--text-color);opacity:1;transform:translateY(8px) rotate(45deg)}.ex-mark span:nth-last-child(2){opacity:0;transform:rotate(0) scale(.2)}.ex-mark span:nth-last-child(1){background-color:var(--text-color);transform:translateY(-8px) rotate(-45deg)}.mobile-nav-side-menu{background-color:var(--card-background-color);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;height:100%;width:65%;display:flex;justify-content:center;transform:translate(-100%);z-index:150}.mobile-nav-side-menu ul{margin-top:20vh;padding:0;background:none;width:100%;display:flex;flex-direction:column;align-items:center}.mobile-nav-side-menu li{font-size:30px;font-weight:600;list-style:none;background:none;color:var(--text-color);padding:14px 0;width:100%;text-align:center;transition:color .15s ease}.mobile-nav-side-menu li:active{color:var(--primary-color)}.slide-in{animation:slide-in .15s forwards ease-in}.slide-out{animation:slide-out .15s forwards ease-in}@keyframes slide-in{to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:140}.projects-section{padding-bottom:80px}.projects-list{display:flex;flex-direction:column;gap:20px}.project-card{display:grid;grid-template-columns:360px 1fr;border-radius:14px;border:1px solid var(--border-color);background-color:var(--card-background-color);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.project-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.project-image{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}.project-text{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}.project-title{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text-color);margin:0 0 10px}.project-description{font-size:15px;line-height:1.7;color:var(--text-muted);margin:0 0 18px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:5px;background-color:#60a5fa1a;color:var(--primary-color);letter-spacing:.04em;text-transform:uppercase}.project-links{display:flex;gap:20px;align-items:center}.project-link{font-size:14px;font-weight:600;color:var(--primary-color);text-decoration:none;transition:color .15s ease}.project-link:hover{color:var(--primary-color-highlighted)}.project-link-primary{background-color:var(--primary-color);color:#fff;padding:8px 18px;border-radius:7px;transition:background-color .15s ease}.project-link-primary:hover{background-color:var(--primary-color-highlighted);color:#fff}@media screen and (max-width:900px){.project-card{grid-template-columns:1fr}.project-image{height:220px;min-height:unset}.project-text{padding:24px}}@media screen and (max-width:750px){.project-image{height:180px}.project-text{padding:20px}.project-title{font-size:18px}}.skills-section{padding-bottom:80px}.skill-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;padding-bottom:8px}.skill-card{height:130px;width:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border-color);background-color:var(--card-background-color);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:default}.skill-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.skill-card-text{font-size:13px;font-weight:500;color:var(--text-muted);margin:8px 0 0}@media screen and (max-width:750px){.skill-card{height:110px;width:110px}.skill-card-text{font-size:12px}}