:root{--bg:#f3f1ec;--surface:#f9f8f4;--soft:#e9ebee;--card:#faf9f6;--text:#1b2430;--muted:#687386;--border:#d8d9d5;--accent:#5b5aa7;--dark:#18202b;--dark-card:#202a38;--dark-border:#354153}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{width:min(1180px,calc(100% - 48px));margin:auto}header{position:sticky;top:0;z-index:20;background:#f3f1ece8;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:#f7f5ef;font:700 17px Georgia}.navlinks{display:flex;gap:20px}.navlinks a,footer a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:700}.hero{min-height:760px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:60px;padding:75px 0 90px}.eyebrow,.center-label{font:700 10px ui-monospace,monospace;letter-spacing:.17em;color:var(--muted)}.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1,.heading h2,.credentials h2,.resume h2,.about h2,.contact h2{font-family:Georgia,serif;letter-spacing:-.045em}.hero h1{font-size:clamp(54px,6.5vw,88px);line-height:.97;margin:0;font-weight:500}.lead{font-size:18px;line-height:1.75;color:var(--muted);margin:32px 0}.actions{display:flex;gap:12px}.actions a{padding:15px 20px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:750}.primary{background:var(--accent);color:#fff}.secondary{border:1px solid #bfc3c8;color:#3e4856;background:#f7f5f0}.proof{display:flex;gap:34px;margin-top:52px;padding-top:24px;border-top:1px solid var(--border);font-size:11px;color:#89919c}.proof span{display:flex;flex-direction:column}.proof b{color:#46505e;font-size:14px}.visual{height:560px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#7774ad24,transparent 60%)}.orbit{position:absolute;border:1px solid #b9bbc2;border-radius:50%;animation:spin 22s linear infinite}.one{width:440px;height:440px}.two{width:345px;height:345px;animation-direction:reverse}.portrait-wrap{z-index:2;width:310px;height:410px;border-radius:155px 155px 42px 42px;overflow:hidden;box-shadow:0 35px 80px #30384635;animation:portraitFloat 6s ease-in-out infinite}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.float-card{position:absolute;z-index:3;background:#f9f8f4e8;backdrop-filter:blur(12px);border:1px solid var(--border);padding:16px 18px;border-radius:16px;box-shadow:0 18px 45px #30384618;display:flex;flex-direction:column;animation:softFloat 5s ease-in-out infinite}.float-card small{font-size:8px;color:#858e9b}.float-card b{font-size:12px}.c1{top:82px;right:0}.c2{bottom:72px;left:0;animation-delay:-2.5s}.trust{border-block:1px solid var(--border);padding:38px 0;background:#ebe9e4;overflow:hidden}.center-label{text-align:center}.companies{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:940px;margin:auto}.company{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px;text-align:center;box-shadow:0 16px 38px #3038460d;animation:companyFloat 6s ease-in-out infinite}.company-2{animation-delay:-2s}.company-3{animation-delay:-4s}.company strong,.company small{display:block}.company strong{font-size:22px}.company small{font-size:10px;color:var(--muted);margin-top:4px}.section,.credentials,.resume,.about,.contact{padding:110px 0}.soft{background:var(--soft)}.heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.heading h2,.credentials h2,.resume h2,.about h2,.contact h2{font-size:clamp(40px,5vw,64px);font-weight:500;margin:0}.heading>p,.credentials p,.resume p,.about p,.contact-lead{max-width:650px;color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.expert,.project{padding:34px;border-radius:24px}.expert{background:var(--card);border:1px solid var(--border);min-height:290px;box-shadow:0 16px 40px #3038460a}.expert p{color:var(--muted);line-height:1.7}.expert a{font:700 9px ui-monospace,monospace;color:var(--accent);text-decoration:none}.plus{display:block;margin-bottom:55px;color:var(--accent)}.work,.contact{background:var(--dark);color:#f2f0ea}.work{padding:120px 0}.light>p,.project p,.contact-lead{color:#aab2bd}.project{border:1px solid var(--dark-border);background:var(--dark-card)}.projecttop{display:flex;justify-content:space-between}.art{height:180px;margin:22px 0;background:#273242;border-radius:18px;display:grid;place-items:center;font:500 100px Georgia;color:#354255}.credentials{background:#efede8;overflow:hidden}.credential-layout,.resume-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.cert-cloud{height:470px;position:relative}.cert{position:absolute;width:245px;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 24px 60px #3038461a;display:flex;flex-direction:column;will-change:transform}.cert-1{top:0;left:4%;animation:certFloat1 5.8s ease-in-out infinite}.cert-2{top:45px;right:2%;animation:certFloat2 6.4s ease-in-out -1.4s infinite}.cert-3{bottom:20px;left:0;animation:certFloat3 5.4s ease-in-out -2.7s infinite}.cert-4{bottom:0;right:8%;animation:certFloat4 6.8s ease-in-out -4.1s infinite}.cert strong{font-size:31px}.cert span,.cert small{color:var(--muted)}.ms{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.ms i{background:var(--accent);border-radius:2px}.resume{background:#e4e5e8}.download{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;color:var(--text);box-shadow:0 18px 45px #30384612;transition:transform .25s ease,box-shadow .25s ease}.download:hover{transform:translateY(-4px);box-shadow:0 24px 55px #3038461a}.download-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.download-copy small{display:block;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.14em}.download-copy b{display:block;font-size:clamp(18px,2vw,24px);line-height:1.2}.download-icon{flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ece9e2;font-size:25px}.about{display:grid;grid-template-columns:.5fr 1.4fr .5fr;gap:40px}.about>a{color:#46505e}.contact{text-align:center}.contact h2{font-size:clamp(46px,6vw,76px)}.contact-lead{margin:24px auto 48px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.contact-grid a{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:22px;padding:28px;color:#f2f0ea;text-decoration:none;display:flex;flex-direction:column;gap:10px}.contact-grid small{color:#aaa7df}.contact-grid span{color:#aab2bd;font-size:12px}footer{padding:30px 0 45px;display:flex;justify-content:space-between;color:#858e9b;font-size:12px}footer div{display:flex;gap:20px}.back-top{position:fixed;right:24px;bottom:24px;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 35px #5b5aa74d;font-weight:800}.back-top span{font:700 7px ui-monospace,monospace}@keyframes spin{to{transform:rotate(360deg)}}@keyframes portraitFloat{50%{transform:translateY(-10px)}}@keyframes softFloat{50%{transform:translateY(-8px)}}@keyframes companyFloat{50%{transform:translateY(-7px)}}@keyframes certFloat1{0%,to{transform:translateZ(0) rotate(-4deg)}50%{transform:translate3d(0,-16px,0) rotate(-2deg)}}@keyframes certFloat2{0%,to{transform:translateZ(0) rotate(4deg)}50%{transform:translate3d(5px,-18px,0) rotate(2deg)}}@keyframes certFloat3{0%,to{transform:translateZ(0) rotate(3deg)}50%{transform:translate3d(-5px,-15px,0) rotate(5deg)}}@keyframes certFloat4{0%,to{transform:translateZ(0) rotate(-3deg)}50%{transform:translate3d(4px,-20px,0) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:900px){.hero,.credential-layout,.resume-inner,.grid,.contact-grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.about{grid-template-columns:1fr}.navlinks a:nth-child(-n+3){display:none}.cert-cloud{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cert{position:relative;width:auto;inset:auto!important;transform:none!important}}@media(max-width:600px){.shell{width:calc(100% - 28px)}.navlinks{gap:10px}.navlinks a{font-size:9px}.hero{padding-top:70px}.hero h1{font-size:48px}.visual{height:450px}.portrait-wrap{width:250px;height:335px}.one{width:340px;height:340px}.two{width:260px;height:260px}.float-card{display:none}.companies,.cert-cloud{grid-template-columns:1fr}.about{display:block}.download{padding:22px;gap:16px}.download-icon{width:42px;height:42px}footer{flex-direction:column;gap:18px}.back-top{right:16px;bottom:16px;width:52px;height:52px}}
