:root{--bg: #0f1115;--bg-elev: #151922;--text: #e5e7eb;--muted: #9ca3af;--accent: #3b82f6;--page-gap: 25px}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:clamp(28px,5vw,48px);margin:0 0 8px}p{color:var(--muted);margin:0}section{scroll-margin-top:96px}.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid #2a384f;background:var(--accent);color:#fff;font-weight:600}.btn:hover{filter:brightness(1.05);text-decoration:none}.btn.ghost{background:transparent;color:var(--text)}.btn.sm{padding:8px 12px;font-weight:500}.chip{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid #273244}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.layout{max-width:1200px;margin:24px auto;padding:0 20px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}@media(max-width:900px){.layout{grid-template-columns:1fr}}.panel{background:var(--bg-elev);border:1px solid #1f2937;border-radius:24px;box-shadow:0 6px 18px #00000040;overflow:visible;position:relative;margin-bottom:var(--page-gap)}.panel-header{position:relative;display:flex;align-items:flex-start;gap:12px;background:var(--bg-elev);border-top-left-radius:20px;border-top-right-radius:20px;border-bottom:none;padding:12px 16px 8px}.title-inline{margin:0;font-size:clamp(22px,4vw,28px);position:relative}.title-inline:after{content:"";display:block;width:48px;height:4px;border-radius:999px;background:var(--accent);margin-top:6px}.tabs-rail{position:absolute;top:-10px;right:12px;background:linear-gradient(180deg,#1a2130,#15161a);border:1px solid #273244;border-radius:14px;padding:6px 10px;z-index:60;box-shadow:0 8px 22px #0009}.tabs-group{display:flex;gap:10px;align-items:center}.tab{padding:8px 12px;border-radius:10px;font-size:14px;color:var(--muted);border:1px solid transparent}.tab:hover{color:var(--text);border-color:#2a384f;text-decoration:none}.tab.is-active{color:var(--text);background:#0f141d;border-color:#2a384f}.panel-body{padding:20px}.sidecard{background:var(--bg-elev);border:1px solid #1f2937;border-radius:24px;box-shadow:0 6px 18px #00000040;padding:20px}.avatar-wrap{display:grid;place-items:center;margin-top:4px;margin-bottom:12px}.avatar-img{width:150px;height:150px;border-radius:16px;object-fit:cover;border:1px solid #243043;box-shadow:0 8px 24px #00000059}.name{text-align:center;margin:10px 0 4px;font-size:22px}.subtitle{text-align:center;margin:0 0 12px;color:var(--muted);font-size:14px}.divider{border:none;border-top:1px solid #212938;margin:14px 0}.info-list{list-style:none;padding:0;margin:0;display:grid;gap:23px}.info-row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px}.icon-box{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#0f141d;border:1px solid #243043;color:var(--accent)}.row-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.info-row a{text-decoration:none;color:var(--text)}.info-row a:hover{color:var(--accent)}.socials{display:flex;gap:10px;justify-content:center;margin-top:12px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid #273244;background:transparent;color:var(--text);transition:transform .08s ease,background .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover{background:#0f141d;border-color:#2a384f;color:var(--accent);transform:translateY(-1px)}@media(min-width:901px){.sidecard{position:sticky;top:16px;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;scrollbar-gutter:stable;z-index:5}}@media(max-width:900px){.sidecard{position:static;max-height:none;overflow:visible}}@media(max-width:900px){.panel{margin-bottom:16px}}.about-section{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.about-section *{min-width:0}.about-text,.timeline-item .content,.timeline-item .content p,.timeline-item .content .place{overflow-wrap:anywhere}.timeline-item{grid-template-columns:calc(var(--rail-x) * 2) minmax(0,1fr)}.timeline-header{min-width:0}.skills-heading{text-align:center;font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:.5px}.section-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 20px;padding-left:4px}.skills-wrapper{margin-top:8px}.about-section .timeline-block:first-of-type{margin-top:28px}.timeline-block{--rail-x: 36px;--head-tail: 22px;--gap: 24px;--icon-top: 2px;--icon-size: 40px;--first-gap: 12px;position:relative}.timeline{position:relative;margin-top:var(--first-gap)}.timeline-block .icon-box.small{position:absolute;left:calc(var(--rail-x) - (var(--icon-size) / 2));top:var(--icon-top);width:var(--icon-size);height:var(--icon-size);z-index:10}.timeline-item:first-child:before{content:"";position:absolute;left:var(--rail-x);top:calc(-1 * (var(--first-gap) + var(--head-tail) * .6));height:calc(var(--first-gap) + var(--head-tail));width:2px;background:#2a384f;border-radius:2px;z-index:0}.timeline-header{margin-left:calc(var(--rail-x) * 2);display:flex;align-items:center;height:var(--icon-size)}.timeline-item{display:grid;grid-template-columns:calc(var(--rail-x) * 2) 1fr;gap:12px;align-items:start;margin-bottom:var(--gap);position:relative}.timeline-item .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev);box-shadow:0 0 2px #0009;justify-self:center;margin-top:8px;z-index:2}.timeline-item:after{content:"";position:absolute;left:var(--rail-x);top:18px;height:calc(100% + var(--gap) - 10px);width:2px;background:#2a384f;z-index:0;border-radius:2px}.timeline-item:last-child:after{display:none}.timeline-item .content h4{margin:0;font-size:17px;font-weight:700;color:var(--text);line-height:1.35}.timeline-item .content .place{display:block;color:#c2c8d0;font-size:14px;margin:2px 0 6px}.timeline-item .content p{color:var(--muted);font-size:14px;margin:0;line-height:1.6}@media(max-width:640px){.timeline-block{--rail-x: 28px;--gap: 20px;--head-tail: 14px}}.skills-carousel{position:relative;margin-top:24px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;padding-inline:16px;background:transparent;border:0;border-radius:12px;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);box-shadow:none;outline:none}.slides-viewport{overflow:hidden;border-radius:0;max-width:100%}.slides-track{display:flex;transition:transform .4s ease;will-change:transform;max-width:100%}.slide{min-width:100%;box-sizing:border-box;padding:12px 0 14px;background:transparent;border-right:0;display:grid;grid-template-rows:auto 1fr}.slide:last-child{border-right:0}.slide-header{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.skills-title{margin:0;font-size:18px;text-align:center}.slide-content{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-inline:2px}.skill-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;white-space:nowrap;border:1px solid #273244;background:#0f141d;color:var(--text);transition:transform .12s ease,border-color .12s ease,background .12s ease}.skill-pill:hover{transform:translateY(-1px);border-color:var(--accent)}.skill-icon{font-size:20px;line-height:0}.slides-track.no-anim{transition:none}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;z-index:3;border:1px solid rgba(39,50,68,.7);background:#0f141de6;cursor:pointer;font-size:20px;line-height:1;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease;box-shadow:0 6px 14px #00000040;opacity:0;pointer-events:none;color:var(--text)}.skills-carousel:hover .slide-arrow{opacity:1;pointer-events:auto}.slide-arrow.left{left:8px}.slide-arrow.right{right:8px}.slide-arrow:hover{transform:translateY(-50%) scale(1.05);background:#101823;border-color:#2a384f}.dots{display:flex;justify-content:center;gap:8px;padding:8px 0 12px;background:transparent;border-top:0;border-radius:0 0 12px 12px}.dot{width:7px;height:7px;border-radius:999px;background:#2a3547;border:0;cursor:pointer;transition:transform .12s ease,background .12s ease}.dot:hover{transform:scale(1.15)}.dot.active{background:var(--accent)}@media(max-width:560px){.slide{padding:12px 14px 14px}.skill-pill{padding:8px 10px}.skill-icon{font-size:18px}.slide-arrow{display:none}}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px}.project-card{position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px;min-height:260px;background:var(--bg-elev);border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 0 8px #a855f726;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}.project-card:hover{transform:translateY(-2px);border-color:#4c1d95;box-shadow:0 0 16px #3b82f659}.pc-face{position:absolute;inset:0;padding:16px;backface-visibility:hidden;transition:transform .45s ease,opacity .2s ease;will-change:transform;display:flex;flex-direction:column}.actions{margin-top:auto;display:flex;gap:12px;align-items:center}.pc-front{transform:rotateY(0)}.pc-back{background:var(--bg-elev);border-top:1px solid #1f2937;transform:rotateY(180deg);pointer-events:none}.project-card.is-flipped .pc-front{transform:rotateY(180deg)}.project-card.is-flipped .pc-back{transform:rotateY(0);pointer-events:auto}.thumb-large{width:100%;aspect-ratio:16/9;object-fit:contain;background:#0f141d;border-radius:12px;border:1px solid #243043;padding:4px}.btn{cursor:pointer}.btn.icon{padding:8px;border-radius:10px;line-height:0;display:inline-grid;place-items:center}.btn.icon:hover{background:#0f141d;border-color:#2a384f;color:var(--accent)}.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:4px;margin:40px 0 24px;opacity:.7}@media(prefers-reduced-motion:reduce){.pc-face{transition:none!important}}.certs-section{margin-top:24px}.certs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.certs-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cert-card{background:var(--bg-elev);border:1px solid #433d2b;border-radius:16px;padding:16px;box-shadow:0 0 8px #eab30826;transition:transform .2s ease,box-shadow .25s ease}.cert-card:hover{box-shadow:0 0 16px #eab30859;transform:translateY(-2px)}.cert-thumb{border:1px solid #243043;border-radius:12px;overflow:hidden;margin-bottom:10px;cursor:pointer;aspect-ratio:16/9;background:#0f141d}.cert-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.cert-thumb:hover img{transform:scale(1.02)}.cert-title{margin:6px 0 4px;font-size:15px}.cert-meta{color:var(--muted);margin:0 0 10px;font-size:13px}.preview-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-modal{width:min(1000px,94vw);background:var(--bg-elev);border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 12px 30px #0006}.preview-img{width:100%;height:auto;border-radius:12px;border:1px solid #243043}:root{--mint: #2dd4bf;--mint-strong: #14b8a6}.service-section{display:flex;flex-direction:column;gap:24px;margin-top:20px}.service-card{background:var(--bg-elev);border:1px solid #1f2937;border-radius:16px;padding:24px;transition:border-color .2s ease,box-shadow .2s ease}.service-card:hover{border-color:var(--mint);box-shadow:0 0 12px #2dd4bf59}.service-title{font-size:clamp(26px,3vw,32px);font-weight:600;margin-bottom:8px}.service-subtitle{font-size:clamp(20px,2vw,26px);font-weight:500;margin:0 0 6px;text-align:center}.service-muted{color:var(--muted);text-align:center;max-width:720px;margin:6px auto 18px}.service-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;list-style:none;padding:0;justify-items:center}.service-item{width:100%;max-width:500px;background:var(--bg-elev);border:1px solid #1f2937;border-radius:14px;padding:18px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:0 0 8px #2dd4bf1f}.service-item:hover,.service-item:focus-visible{transform:translateY(-2px);border-color:var(--mint-strong);box-shadow:0 0 16px #2dd4bf59;outline:none}.service-form{margin-top:12px;display:grid;gap:12px}.service-field label{display:block;color:var(--muted);font-size:.95rem;margin-bottom:6px}.service-field input,.service-field textarea{width:100%;background:#0f1119;color:var(--text);border:1px solid #253244;border-radius:12px;padding:12px 14px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s}.service-field input::placeholder,.service-field textarea::placeholder{color:var(--muted);opacity:.9;font-family:inherit;font-size:.95rem}.service-field input:focus,.service-field textarea:focus{outline:none;border-color:var(--mint-strong);background:#2dd4bf0a;box-shadow:0 0 0 3px #2dd4bf1f}.service-btn{place-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:9999px;background:transparent;border:1px solid rgba(45,212,191,.22);color:#e2e8f0bf;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}.service-btn:hover{transform:translateY(-1px);background:#2dd4bf1a;border-color:#2dd4bf73;color:#eaf6f5;box-shadow:0 0 10px #2dd4bf2e}.service-btn:focus-visible{outline:none;background:#2dd4bf24;border-color:var(--mint-strong);color:#f8fafc;box-shadow:0 0 0 3px #2dd4bf38}.service-form:focus-within .service-btn{background:#2dd4bf33;border-color:var(--mint-strong);color:#f8fafc;box-shadow:0 0 16px #2dd4bf47}.service-btn[disabled]{opacity:.65;cursor:default;transform:none;background:transparent;box-shadow:none}.service-field.has-error input,.service-field.has-error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426;background:#ef44440a}.service-error{margin-top:6px;font-size:.85rem;color:#fca5a5}.service-field.has-error input:focus,.service-field.has-error textarea:focus{border-color:var(--mint-strong);box-shadow:0 0 0 3px #14b8a640;background:#14b8a608}@media(max-width:640px){.service-card{padding:18px}.service-grid{grid-template-columns:1fr}}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-elev) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill:focus,textarea:-webkit-autofill:focus{border-color:var(--mint-strong)!important;box-shadow:0 0 4px #2dd4bf4d!important}