:root{--color-bg-page:#f7f6f5;--color-text-primary:#2d5a88;--color-accent-gold:#c69866;--color-bg-alabaster:#f0ede8;--color-footer-bg:#2d5a88;--color-white:#fff;--font-serif:Georgia, "Times New Roman", serif;--font-sans:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-width:1052px;--transition-smooth:all .35s cubic-bezier(.25, .8, .25, 1);--wa-border-radius-scale:2;--wa-border-width-scale:2;--wa-space-scale:1.25;--wa-color-brand-05:#080808;--wa-color-brand-10:#04080d;--wa-color-brand-20:#132033;--wa-color-brand-30:#19334d;--wa-color-brand-40:#246;--wa-color-brand-50:#2d5a88;--wa-color-brand-60:#316294;--wa-color-brand-70:#3872ab;--wa-color-brand-80:#4388cc;--wa-color-brand-90:#4c99e6;--wa-color-brand-95:#50a1f2;--wa-color-brand:--color-text-primary;--wa-border-radius-m:calc(var(--wa-border-radius-scale) * .375rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);background-color:#f7f6f5d9;border-bottom:1px solid #2d5a880d;padding:24px 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo-link{align-items:center;display:flex}.logo-svg{width:auto;height:32px;transition:var(--transition-smooth);border-radius:0}.logo-link:hover .logo-svg{filter:drop-shadow(0 4px 6px #2d5a8826);transform:scale(1.05)}nav ul{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{font-family:var(--font-sans);padding:4px 0;font-size:16px;position:relative}.nav-link:after{content:"";background-color:var(--color-accent-gold);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--color-accent-gold)}.nav-link:hover:after{width:100%}.contact-btn{background-color:var(--color-text-primary);color:#fff;font-family:var(--font-sans);border-radius:var(--wa-border-radius-m);cursor:pointer;transition:var(--transition-smooth);padding:10px 24px;font-size:16px;font-weight:500}.contact-btn:hover{background-color:var(--color-text-primary);color:var(--color-bg-page);transform:translateY(-2px);box-shadow:0 4px 12px #2d5a8826}.hero{text-align:center;padding:96px 0 64px}.hero-name{font-family:var(--font-serif);letter-spacing:-.5px;margin-bottom:24px;font-size:46px}.hero-tagline{font-family:var(--font-sans);max-width:680px;color:var(--color-text-primary);margin:0 auto 48px;font-size:24px;line-height:1.45}.hero-skills{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;max-width:900px;margin:0 auto;display:flex}.skill-tag{font-family:var(--font-sans);color:var(--color-text-primary);opacity:.85;letter-spacing:.5px;transition:var(--transition-smooth);padding:6px 16px;font-size:22px}.separator-container{flex-flow:column;justify-content:center;align-items:center;margin:48px 0;display:flex;position:relative}.section-title{font-family:var(--font-sans);color:var(--color-accent-gold);text-align:center;text-transform:lowercase;margin-bottom:56px;font-size:30px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:34px 36px;margin-bottom:120px;display:grid}.about-section{background-color:var(--color-bg-alabaster);width:100vw;margin-left:-50vw;margin-right:-50vw;padding:96px 0 40px;position:relative;left:50%;right:50%}.about-inner{align-items:flex-start;gap:64px;display:flex}.about-image-wrapper{transition:var(--transition-smooth);border-radius:20px;flex:0 0 291px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000000f}.about-image-wrapper:hover{transform:scale(1.02);box-shadow:0 24px 48px #0000001a}.about-img{width:100%;height:auto;display:block}.about-content{flex:1}.about-quote{font-family:var(--font-serif);letter-spacing:-.5px;margin-bottom:32px;font-size:46px;line-height:1.15}.about-paragraph{font-family:var(--font-sans);opacity:.9;white-space:pre-line;font-size:16px;line-height:1.6}.contact-section{background-color:var(--color-bg-alabaster);width:100vw;margin-left:-50vw;margin-right:-50vw;padding:20px 0 96px;position:relative;left:50%;right:50%}footer{background-color:var(--color-footer-bg);color:var(--color-bg-page);text-align:center;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:80px 0;position:relative;left:50%;right:50%}.footer-logo{opacity:.9;width:auto;height:24px;transition:var(--transition-smooth);border-radius:0}.footer-logo:hover{opacity:1;transform:scale(1.08)}@media (width<=900px){.portfolio-grid{grid-template-columns:1fr;gap:32px}.about-inner{text-align:center;flex-direction:column;align-items:center;gap:40px}.about-image-wrapper{flex:0 0 291px}.hero-name,.about-quote{font-size:38px}.section-title{margin-bottom:40px;font-size:26px}}@media (width<=600px){.header-inner{flex-direction:column;gap:16px}nav ul{gap:20px}.hero{padding:64px 0 40px}.hero-name,.about-quote{font-size:32px}.hero-tagline{margin-bottom:32px;font-size:16px}}