:root{--color-background:#f8fafc;--color-surface:#fff;--color-primary:#6366f1;--color-primary-light:#eef2ff;--color-text:#111827;--color-text-secondary:#64748b;--color-border:#e2e8f0;--container-width:1200px;--container-padding:24px;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.container{width:min(100% - (var(--container-padding) * 2), var(--container-width));margin-inline:auto}.section{padding:100px 0}.app{min-height:100vh;padding:24px}.portfolio-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 75% 45%,#6366f114,#0000 28%),#ffffffb8;border:1px solid #6366f124;border-radius:28px;width:100%;max-width:1400px;min-height:calc(100vh - 48px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #1e293b14}.navbar{z-index:1000;background:0 0;width:100%;padding:14px 20px;position:sticky;top:0}.navbar-container{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);background:#fffffff0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:68px;padding:8px 20px;display:flex;box-shadow:0 8px 24px #1e293b0a}.navbar-brand{flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;margin:0;padding:0;text-decoration:none;display:flex;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important}.navbar-brand:hover,.navbar-brand:focus,.navbar-brand:active{box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.navbar-brand-logo{object-fit:contain;object-position:center;flex:0 0 52px;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;margin:0;padding:0;display:block}.desktop-nav{align-items:center;gap:56px;display:flex}.desktop-nav a{color:#536783;font-size:17px;font-weight:600;text-decoration:none;transition:color .2s,transform .2s}.desktop-nav a:hover{color:var(--color-primary);transform:translateY(-1px)}.mobile-menu-button{color:#30415e;background:#ffffffb3;border:1px solid #6366f126;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:none}.mobile-menu-button:hover,.mobile-menu-button:focus,.mobile-menu-button:active{background:#ffffffb3}.menu-icon,.close-icon{justify-content:center;align-items:center;display:flex}.close-icon,.menu-icon.open{display:none}.close-icon.open{display:flex}.mobile-nav{display:none}.hero{align-items:center;min-height:calc(100vh - 160px);display:flex;position:relative}.hero-container{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:70px;width:calc(100% - 160px);max-width:1180px;margin:0 auto;display:grid}.hero-content{max-width:620px}.hero-label-wrapper{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.hero-label{color:var(--color-primary);letter-spacing:.16em;margin:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:600;line-height:1.4}.hero-label-line{background:var(--color-primary);border-radius:999px;width:46px;height:5px}.hero-title{color:var(--color-text);letter-spacing:-.045em;margin:0;font-size:clamp(52px,5vw,72px);font-weight:700;line-height:1.02}.hero-title:after{content:"";background:var(--color-primary);border-radius:999px;width:48px;height:4px;margin-top:24px;display:block}.hero-name{color:var(--color-primary);margin-top:6px;display:block}.hero-description{color:#60738f;max-width:590px;margin-top:34px;font-size:21px;line-height:1.7}.hero-actions{align-items:center;gap:16px;margin-top:38px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:0 26px;font-size:17px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#5548e8);box-shadow:0 12px 28px #6366f140}.button-primary:hover{box-shadow:0 16px 34px #6366f152}.button-secondary{color:#2e4370;background:#ffffffb8;border:1px solid #6366f12e;box-shadow:0 6px 18px #1e293b0a}.button-secondary:hover{color:var(--color-primary);border-color:#6366f173}.hero-socials{gap:14px;margin-top:42px;display:flex}.hero-socials a{color:#60738f;background:#ffffffb3;border:1px solid #6366f124;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:color .2s,border-color .2s,transform .2s;display:flex;box-shadow:0 6px 18px #1e293b0a}.hero-socials a:hover{color:var(--color-primary);border-color:#6366f166;transform:translateY(-3px)}.hero-character-area{justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:visible}.character-glow{filter:blur(70px);pointer-events:none;background:#818cf824;border-radius:50%;width:520px;height:520px;position:absolute}.hero-character-image{z-index:1;object-fit:contain;filter:drop-shadow(0 20px 25px #1e293b1a);width:min(500px,110%);max-width:none;height:auto;transition:transform .4s;display:block;position:relative;transform:translateY(18px)}.hero-character-image:hover{transform:translateY(4px)scale(1.01)}.scroll-indicator{color:var(--color-primary);flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #6577b8;border-radius:12px;width:22px;height:34px}.tech-stack{width:100%;padding:18px 0 26px}.tech-stack-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:16px;justify-content:center;align-items:center;gap:55px;min-height:72px;margin:0 auto;padding:14px 28px;display:flex;box-shadow:0 8px 25px #1e293b0d}.tech-item{white-space:nowrap;color:var(--color-text);align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.tech-icon{flex-shrink:0;width:24px;height:24px}.microservices-icon{color:var(--color-primary)}.java-icon{color:#e76f00}.spring-icon{color:#6db33f}.react-icon{color:#61dafb}.postgres-icon{color:#336791}.docker-icon{color:#2496ed}.about-section{width:100%;padding:80px 0 100px}.about-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:80px;margin:0 auto;display:grid}.about-content{width:100%;max-width:680px}.about-title{color:var(--color-text);letter-spacing:-1.8px;margin:14px 0 24px;font-size:clamp(42px,4.5vw,58px);line-height:1.08}.about-title span{color:var(--color-primary)}.about-description{max-width:620px;color:var(--color-text-secondary);margin:0;font-size:17px;line-height:1.8}.about-principles{border-top:1px solid var(--color-border);flex-direction:column;width:100%;display:flex}.about-principle{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:22px;padding:24px 0;display:flex}.principle-number{min-width:30px;color:var(--color-primary);letter-spacing:.5px;font-size:13px;font-weight:700}.about-principle h3{color:var(--color-text);margin:0 0 7px;font-size:17px;font-weight:650}.about-principle p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.projects-section{width:100%;padding:55px 0 60px}.projects-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));margin:0 auto}.projects-heading{max-width:700px;margin-bottom:55px}.projects-title{color:var(--color-text);letter-spacing:-1.8px;margin:14px 0 0;font-size:clamp(42px,4.5vw,58px);line-height:1.08}.projects-title span{color:var(--color-primary)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-card{border:1px solid var(--color-border);background:#fffc;border-radius:22px;flex-direction:column;min-height:470px;padding:34px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 10px 35px #1e293b0d}.project-card:hover{border-color:#6366f140;transform:translateY(-5px);box-shadow:0 18px 45px #1e293b17}.project-icon{width:58px;height:58px;color:var(--color-primary);border:1px solid var(--color-border);background:var(--color-primary-light);border-radius:15px;justify-content:center;align-items:center;margin-bottom:42px;display:flex}.project-number{color:var(--color-primary);letter-spacing:.08em;margin-bottom:7px;font-size:12px;font-weight:700}.project-title{color:var(--color-text);letter-spacing:-.7px;margin:0;font-size:30px;line-height:1.15}.project-type{color:var(--color-text-secondary);margin:7px 0 18px;font-size:14px;font-weight:600}.project-description{max-width:500px;color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.75}.project-tech{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.project-tech span{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.project-github{width:fit-content;color:var(--color-text);align-items:center;gap:9px;margin-top:auto;padding-top:30px;font-size:14px;font-weight:650;transition:color .2s,gap .2s;display:inline-flex}.project-github:hover{color:var(--color-primary);gap:12px}.project-arrow{font-size:18px;line-height:1}body,a,button,[role=button]{cursor:none}.custom-cursor{background:var(--color-primary);pointer-events:none;z-index:9999;border-radius:50%;width:10px;height:10px;transition:width .2s,height .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hover{opacity:.75;width:20px;height:20px}.experience-section{width:100%;padding:55px 0 60px}.experience-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));margin:0 auto}.experience-heading{text-align:left;margin-bottom:48px}.experience-title{color:var(--color-text);letter-spacing:-1.5px;margin:12px 0 0;font-size:clamp(38px,4vw,50px);line-height:1.08}.experience-title span{color:var(--color-primary)}.experience-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;display:grid}.experience-item{grid-template-columns:28px minmax(0,1fr);gap:20px;min-width:0;padding:8px 0 36px;display:grid;position:relative}.experience-item:after{content:"";background:var(--color-border);width:1px;position:absolute;top:35px;bottom:0;left:13px}.experience-number{z-index:2;background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:0;display:flex;position:relative;box-shadow:0 0 0 6px #6366f114}.experience-main{min-width:0}.experience-role-row{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.experience-role{color:var(--color-text);letter-spacing:-.3px;margin:0;font-size:21px;line-height:1.3}.experience-period{color:var(--color-text-secondary);order:-1;font-size:13px;font-weight:500}.experience-company{color:var(--color-primary);margin:8px 0 0;font-size:15px;font-weight:600}.experience-duration{color:var(--color-text-secondary);margin:5px 0 0;font-size:12px}.experience-period{align-items:center;gap:7px;display:inline-flex}.contact-section{width:100%;padding:55px 0 60px}.contact-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));border:1px solid var(--color-border);background:#6366f10a;border-radius:24px;grid-template-columns:1.1fr .9fr;gap:70px;margin:0 auto;padding:50px;display:grid}.contact-title{color:var(--color-text);letter-spacing:-1.5px;margin:14px 0 0;font-size:clamp(40px,4vw,52px);line-height:1.08}.contact-title span{color:var(--color-primary)}.contact-description{max-width:440px;color:var(--color-text-secondary);margin:22px 0 0;font-size:15px;line-height:1.7}.contact-email-button{color:#fff;background:var(--color-primary);border-radius:10px;align-items:center;gap:10px;margin-top:28px;padding:13px 20px;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 25px #6366f12e}.contact-email-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6366f13d}.contact-links{flex-direction:column;justify-content:center;display:flex}.contact-link{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:18px 0;display:flex}.contact-link:first-child{border-top:1px solid var(--color-border)}.contact-link-icon{width:38px;height:38px;color:var(--color-primary);border:1px solid var(--color-border);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-link-content{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-link-label{color:var(--color-text);font-size:13px;font-weight:650}.contact-link-value{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.contact-link-arrow{color:var(--color-text-secondary);margin-left:auto;font-size:17px;transition:color .2s,transform .2s}.contact-link:hover .contact-link-arrow{color:var(--color-primary);transform:translate(2px,-2px)}.footer{width:100%;padding:10px 0 20px}.footer-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:78px;margin:0 auto;padding:14px 20px;display:grid}.footer-identity{align-items:center;gap:11px;display:flex}.footer-logo{width:46px;height:46px;box-shadow:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.footer-info{flex-direction:column;gap:1px;display:flex}.footer-name{color:var(--color-text);letter-spacing:-.2px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:650}.footer-role{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500}.footer-socials{align-items:center;gap:8px;display:flex}.footer-socials a{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-secondary);background:#fff;border-radius:9px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:flex}.footer-socials a:hover{color:var(--color-primary);border-color:#6366f159;transform:translateY(-2px)}.footer-copyright{color:var(--color-text-secondary);text-align:right;margin:0;font-size:11px}@media (width<=768px){:root{--container-padding:20px}.section{padding:80px 0}.app{padding:8px}.portfolio-shell{border-radius:18px;min-height:calc(100vh - 16px)}.navbar{padding:10px 12px}.navbar-container{border-radius:16px;min-height:62px;padding:7px 10px}.navbar-brand{flex:0 0 46px;width:46px;height:46px}.navbar-brand-logo{flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;max-height:46px}.desktop-nav{display:none}.mobile-menu-button{border-radius:11px;width:46px;height:46px;display:flex;position:relative;overflow:hidden}.mobile-nav{opacity:0;visibility:hidden;flex-direction:column;max-height:0;padding:0 16px;transition:max-height .35s,opacity .25s,padding .35s,visibility .35s;display:flex;overflow:hidden}.mobile-nav.mobile-nav-open{opacity:1;visibility:visible;max-height:400px;padding:0 16px 14px}.mobile-nav a{border-bottom:1px solid var(--color-border);color:#60738f;padding:15px 4px;font-size:14px;font-weight:500}.mobile-nav a:last-child{border-bottom:none}.hero{min-height:auto;padding-top:55px;padding-bottom:20px}.hero-container{text-align:center;grid-template-columns:1fr;gap:25px;width:calc(100% - 36px);padding-top:40px;padding-bottom:35px}.hero-content{grid-row:2;max-width:100%}.hero-label-wrapper{align-items:center;margin-bottom:22px}.hero-label{letter-spacing:.15em;font-size:12px}.hero-label-line{width:36px;height:4px}.hero-title{letter-spacing:-.04em;font-size:clamp(42px,12vw,58px);line-height:1.02}.hero-title:after{width:38px;height:3px;margin:18px auto 0}.hero-name{margin-top:4px}.hero-description{margin-top:24px;font-size:16px;line-height:1.65}.hero-actions{flex-direction:column;gap:12px;width:100%;margin-top:30px}.button{width:100%;min-height:54px;font-size:15px}.hero-socials{justify-content:center;margin-top:30px}.hero-character-area{order:-1;grid-row:1;min-height:0}.hero-character-image{width:min(350px,100%);max-width:none;transform:translateY(0)}.hero-character-image:hover{transform:none}.character-glow{filter:blur(55px);width:300px;height:300px}.scroll-indicator{display:none}.tech-stack{width:100%;padding:4px 0 12px}.tech-stack-container{border-radius:14px;grid-template-columns:repeat(3,1fr);place-items:center;gap:0;width:calc(100% - 32px);min-height:auto;padding:12px 8px;display:grid}.tech-item{white-space:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 2px;font-size:11px;font-weight:600;display:flex}.tech-icon{flex:0 0 18px;width:18px;height:18px}.tech-item span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.about-section{padding:38px 0 70px}.about-container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-width));flex-direction:column;gap:38px;display:flex}.about-content{width:100%;max-width:none}.about-title{letter-spacing:-1.2px;margin:12px 0 20px;font-size:clamp(34px,10vw,42px);line-height:1.08}.about-description{width:100%;max-width:none;font-size:15px;line-height:1.75}.about-principles{width:100%}.about-principle{gap:16px;padding:20px 0}.about-principle h3{font-size:16px}.about-principle p{font-size:13px;line-height:1.6}.projects-section{padding:45px 0}.projects-heading{margin-bottom:35px}.projects-title{letter-spacing:-1.2px;font-size:clamp(36px,10vw,44px)}.projects-grid{gap:18px;width:100%;grid-template-columns:minmax(0,1fr)!important}.project-card{border-radius:18px;width:100%;min-width:0;min-height:auto;padding:26px}.project-icon{width:52px;height:52px;margin-bottom:30px}.project-title{font-size:27px}.project-description{font-size:14px;line-height:1.7}.project-tech{margin-top:20px}.project-github{padding-top:25px}.experience-section{padding:45px 0}.experience-container{width:calc(100% - 40px);margin:0 auto}.experience-heading{text-align:left;margin-bottom:42px}.experience-title{letter-spacing:-1.5px;font-size:clamp(36px,10vw,48px);line-height:1.05}.experience-list{flex-direction:column;gap:0;display:flex}.experience-item{grid-template-columns:28px minmax(0,1fr);column-gap:16px;width:100%;padding:8px 0 34px;display:grid}.experience-item:after{top:32px;bottom:0;left:13px}.experience-number{width:14px;height:14px;margin-top:4px;box-shadow:0 0 0 7px #6366f11f}.experience-role{font-size:20px;line-height:1.25}.experience-period{font-size:12px;line-height:1.5}.experience-company{margin-top:8px;font-size:15px;line-height:1.5}.experience-duration{margin-top:5px;font-size:12px}.contact-section{padding:45px 0}.contact-container{border-radius:18px;flex-direction:column;gap:35px;width:calc(100% - 32px);margin:0 auto;padding:30px 22px;display:flex}.contact-content,.contact-links{width:100%}.contact-title{letter-spacing:-1.5px;font-size:clamp(36px,10vw,48px);line-height:1.05}.contact-description{max-width:100%;margin-top:18px;font-size:14px;line-height:1.7}.contact-email-button{margin-top:24px}.contact-link{grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;padding:16px 0;display:grid}.contact-link-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.footer{padding:10px 0 20px}.footer-container{border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:16px;width:calc(100% - 32px);margin:0 auto;padding:16px;display:grid}.footer-identity{gap:8px;min-width:0}.footer-logo,.footer-logo-image{width:40px;height:40px}.footer-name{font-size:13px;font-weight:600}.footer-role{letter-spacing:.06em;font-size:9px}.footer-socials{gap:7px}.footer-socials a{width:34px;height:34px}.footer-copyright{border-top:1px solid var(--color-border);text-align:center;grid-column:1/-1;padding-top:12px;font-size:10px}body,a,button,[role=button]{cursor:auto}.custom-cursor{display:none}}.project-links{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:30px;display:flex}.project-links .project-github{margin-top:0;padding-top:0}