:root{--accent: #00b4d9;--accent: ;--surface: #ffffff;--line: #efefef;--text: #111111}html,body{min-height:100%}body{margin:0;font-family:Roboto,sans-serif;font-weight:400;background:#fafafa;color:#111;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}button,input,textarea{font-family:Roboto,sans-serif}.site-shell{width:min(1180px,100% - 40px);margin:45px auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px}.profile-card,.nav-card,#content{background:var(--surface);box-shadow:0 10px 40px #0406040f}.profile-card{position:sticky;top:30px;align-self:start;text-align:center;border-radius:6px;overflow:hidden}.profile-name{padding:26px 15px 12px}.profile-name .name{display:block;font-size:18px;font-weight:700;letter-spacing:1px}.profile-name .job{display:block;color:var(--accent);font-size:12px;margin-top:6px}.profile-avatar{height:270px;overflow:hidden;background:#111;clip-path:polygon(0 9%,100% 0,100% 94%,0 100%)}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-information{list-style:none;padding:0;margin:20px 20px 8px 35px;text-align:left}.profile-information li{border-left:2px solid #eee;padding:0 0 20px 20px;position:relative}.profile-information li:before{content:"";position:absolute;left:-6px;top:2px;width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;background:#fff}.profile-information p{margin:0;color:#7f7f7f;font-size:12px;line-height:18px}.profile-information span{color:#000;font-weight:600}.site-btn{border:0;border-radius:50px;padding:10px 20px;display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;transition:.25s}.site-btn:hover{transform:translateY(-1px)}.site-btn:disabled{opacity:.65;cursor:not-allowed}.icon-btn span{background:#fff;color:#111;border-radius:50%;min-width:25px;height:25px;display:grid;place-items:center;font-size:13px}.profile-btn{margin:8px auto 30px;display:flex;width:max-content}.content-column{min-width:0}.nav-card{min-height:70px;margin-bottom:30px}.nav-card nav{min-height:70px;display:flex;align-items:center}.home-btn{border:0;color:#fff;background:var(--accent);width:70px;height:70px;border-radius:6px 0 0 6px;display:grid;place-items:center;flex:0 0 70px;font-size:23px}.nav-links{display:flex;align-items:center;min-width:0}.nav-links button{border:0;background:transparent;height:70px;padding:0 9px;font-size:12px;font-weight:700;color:#111;position:relative}.nav-links button:after{content:"";position:absolute;left:9px;right:9px;bottom:17px;height:2px;background:transparent}.nav-links button.active:after{background:var(--accent)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:9px;padding-right:14px}.social-icons{display:flex;gap:3px}.social-icons a{width:25px;height:25px;display:grid;place-items:center;font-size:10px;font-weight:800}.social-icons a:hover{color:var(--accent)}.hire-btn{white-space:nowrap;padding:8px 14px}.menu-toggle{display:none;border:0;background:transparent;font-size:21px}.lang-switch{cursor:pointer;border:0;background:transparent;font-size:12px;font-weight:800;padding:5px 3px;color:var(--accent)}.theme-picker-wrap{position:relative}.theme-trigger{cursor:pointer;border:0;background:transparent;width:28px;height:28px;display:grid;place-items:center;color:var(--accent)}.theme-picker{position:absolute;z-index:50;right:0;top:38px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 10px 35px #00000026;width:190px}.theme-picker>span{font-size:12px;color:#666}.palette-row{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}.palette-row button,.custom-color{width:23px;height:23px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px}.palette-row button.selected{outline:2px solid #111;outline-offset:2px}.custom-color{background:#111;overflow:hidden;font-size:16px}.custom-color input{opacity:0;position:absolute;width:1px;height:1px}#content{min-height:500px;padding:15px;border-radius:6px}.section{padding:30px;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.gray-bg{background:#fafafa}.section-title{position:relative;display:inline-block;padding:0 3px;margin-bottom:30px}.section-title h2{margin:0;font-size:18px;font-weight:600;position:relative;z-index:1}.section-title span{position:absolute;left:0;bottom:0;width:100%;height:7px;opacity:.4;background:var(--accent)}p{font-size:13px;color:#4c4c4c;line-height:24px}.hero{display:grid;grid-template-columns:1fr 240px;gap:35px;align-items:center}.eyebrow{font-size:12px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.8px}.hero h1{font-size:32px;line-height:1.2;margin:12px 0 15px;max-width:650px}.hero-copy p{font-size:14px;max-width:680px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:22px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;font-weight:700}.hero-metrics{display:grid;gap:10px}.metric{padding:16px;background:#fafafa;border-left:3px solid var(--accent);border-radius:4px}.metric strong,.metric span{display:block}.metric strong{font-size:22px}.metric span{font-size:12px;color:#888;margin-top:3px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service{background:#fff;border-radius:8px;padding:20px;min-height:185px;box-shadow:0 0 48px #04060414}.service-icon{color:var(--accent);margin-bottom:12px}.service-title{font-size:14px;font-weight:600;line-height:30px}.little-text{color:#989898;line-height:18px;margin-top:6px}.resume-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.subheading{font-size:14px;margin:0 0 14px}.timeline{list-style:none;padding:0 0 0 10px;margin:15px 0 0}.timeline li{border-left:2px solid #ececec;padding:0 0 30px 28px;position:relative}.timeline li:before{content:"";position:absolute;left:-6px;top:0;width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;background:#fff}.timeline li h3{margin:0;font-size:14px;line-height:22px;font-weight:600}.timeline li span{display:block;margin:6px 0;color:var(--accent);font-size:12px}.timeline li p{margin:0}.filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filters button{border:0;background:transparent;padding:0;font-size:13px;color:#787878}.filters button.active{color:var(--accent);font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 0 48px #04060414}.portfolio-card figure{margin:0;position:relative;overflow:hidden}.portfolio-card figure img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;filter:grayscale(15%)}.portfolio-overlay{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--accent) 78%,transparent);opacity:0;transition:.3s;font-size:28px}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-card figcaption{padding:14px}.portfolio-card figcaption strong,.portfolio-card figcaption span,.portfolio-card figcaption small{display:block}.portfolio-card figcaption strong{font-size:14px}.portfolio-card figcaption span{margin-top:4px;color:#989898;font-size:12px;line-height:18px}.portfolio-card figcaption small{margin-top:8px;color:var(--accent);font-size:10px;text-transform:uppercase;font-weight:800}.load-more{display:block;margin:25px auto 0;border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:30px;padding:9px 18px;font-size:12px}.skill-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.skill-group{background:#fafafa;border-radius:6px;padding:18px}.skill-group h3{font-size:14px;margin:0 0 12px}.skill-group>div,.stack{display:flex;flex-wrap:wrap;gap:6px}.skill-group span,.stack span{background:#fff;border:1px solid #eee;padding:6px 8px;border-radius:3px;color:#777;font-size:10px}.section-inner{margin-top:35px}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-details article,.highlight-grid article{background:#fff;border:1px solid #eee;border-radius:7px;padding:18px}.project-icon,.highlight-icon{color:var(--accent);margin-bottom:10px}.project-details h3,.highlight-grid h3{margin:0 0 5px;font-size:15px}.project-details strong,.highlight-grid strong{font-size:12px;color:#777;font-weight:600}.project-details p,.highlight-grid p{font-size:12px;line-height:20px}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 0 48px #04060414}.blog-card>img{width:100%;aspect-ratio:1.8;object-fit:cover;display:block}.blog-body{padding:18px}.blog-body .meta{font-size:10px;color:var(--accent)}.blog-body h3{margin:9px 0;font-size:17px}.blog-body p{margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e8e8e8;outline:0;padding:13px 14px;border-radius:4px;font-size:13px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea{resize:vertical}.form-status{margin:0;color:var(--accent)}.contact-info{list-style:none;padding:0;margin:0 0 25px}.contact-info li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:#777;font-size:13px}.contact-info li>span{flex:0 0 auto;color:var(--accent)}.contact-info strong{display:block;color:#111;margin-bottom:4px}.social-large{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.social-large a{font-size:12px;padding:7px 10px;border:1px solid #eee;border-radius:4px}.social-large a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:1050px){.site-shell{grid-template-columns:240px minmax(0,1fr)}.nav-links button{padding:0 6px;font-size:10px}.social-icons{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.site-shell{width:min(680px,100% - 24px);margin:25px auto;grid-template-columns:1fr}.profile-card{position:static;max-width:420px;margin:0 auto}.nav-card{margin-bottom:15px}.nav-card nav{position:relative}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;z-index:20;box-shadow:0 10px 30px #0000001a;border-radius:0 0 6px 6px}.nav-links.open{display:flex}.nav-links button{height:48px;text-align:left;padding:0 20px}.nav-links button:after{display:none}.nav-actions{padding-right:10px}.hire-btn{display:none}.menu-toggle{display:grid;place-items:center;width:34px;height:34px}.hero{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr)}.resume-grid,.project-details,.contact-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.site-shell{width:calc(100% - 16px)}#content{padding:5px}.section{padding:25px 15px}.hero h1{font-size:28px}.hero-metrics,.service-grid,.portfolio-grid,.blog-grid,.skill-groups,.highlight-grid{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.profile-information{margin-left:25px}.theme-picker{right:-45px}}a{color:inherit;text-decoration:none}.nav-links a{border:0;background:transparent;height:70px;padding:0 9px;font-size:14px;font-weight:700;color:#111;position:relative;display:flex;align-items:center}.nav-links a:after{content:"";position:absolute;left:9px;right:9px;bottom:17px;height:2px;background:transparent}.nav-links a.active:after{background:var(--accent)}.home-btn{cursor:pointer;text-decoration:none}.profile-avatar{height:270px;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.app-icon{display:block;flex:0 0 auto}.social-icons a,.theme-trigger,.home-btn{display:grid;place-items:center}.nav-links a{white-space:nowrap}.nav-links a.active{color:var(--accent)}@media(max-width:820px){.site-shell{display:block}.content-column{width:100%}.profile-card{display:block;position:static;max-width:420px;margin:0 auto 15px}.nav-card{border-radius:8px;overflow:visible;position:relative}.home-btn{width:84px;height:70px;flex:0 0 84px;border-radius:8px 0 0 8px}.nav-actions{flex:1;justify-content:flex-end;gap:0;padding-right:0}.social-icons{display:flex;align-items:center;gap:4px;margin-right:20px}.social-icons a{width:28px;height:28px}.theme-picker-wrap,.hire-btn,.lang-switch{display:none}.menu-toggle{display:grid;place-items:center;flex:0 0 76px;width:76px;height:70px;margin:0;padding:0;border:0;border-left:1px solid #e9e9e9;border-radius:0 8px 8px 0;background:#fff;color:#333;box-shadow:none;cursor:pointer}.menu-toggle .app-icon{font-size:21px!important}.nav-links{display:flex;position:absolute;top:85px;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;overflow:hidden;max-height:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transform-origin:top center;background:#fff;border-radius:8px;box-shadow:0 10px 28px #00000014;transition:max-height .36s ease,opacity .24s ease,transform .36s ease,visibility 0s linear .36s}.nav-links.open{max-height:365px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:max-height .42s ease,opacity .24s ease,transform .42s ease,visibility 0s linear 0s}.nav-links a{height:73px;min-height:73px;justify-content:center;text-align:center;padding:0 20px;font-size:16px;font-weight:700;border-bottom:1px solid #ededed}.nav-links a:first-child{border-radius:8px 8px 0 0}.nav-links a:last-child{border-bottom:0;border-radius:0 0 8px 8px}.nav-links a:after{display:none}}.app-icon{display:inline-block;line-height:1;width:auto;height:auto;vertical-align:middle;font-style:normal}.social-icons .app-icon{font-size:13px!important}.home-btn .app-icon{font-size:20px!important}.theme-trigger .app-icon{font-size:16px!important}.menu-toggle .app-icon{font-size:20px!important}.service-icon .app-icon,.project-icon .app-icon,.highlight-icon .app-icon{font-size:24px!important}