:root{--bg:#ffffff;--soft-bg:#f8f9ff;--primary:#6c3df4;--primary-dark:#6c3df4;--secondary:#8b5cf6;--blue:#2d9cdb;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--card:#ffffff;--green:#22c55e;--shadow:0 10px 30px rgba(17,24,39,0.06);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(108,61,244,0.42);outline-offset:4px}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.section{margin-top:24px}.section-card,.cta-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:12px;border:1px solid transparent;font-weight:800;white-space:nowrap}.btn-gradient{color:#fff;background:linear-gradient(135deg,#6c3df4,#8b5cf6);box-shadow:0 10px 22px rgba(108,61,244,0.26)}.btn-light{background:#fff;border-color:var(--border);box-shadow:0 8px 20px rgba(17,24,39,0.05)}.site-header{position:sticky;top:0;z-index:50;height:72px;background:#ffffff;border-bottom:1px solid rgba(229,231,235,0.8);backdrop-filter:blur(16px)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{flex:0 0 auto;font-size:39px;line-height:1;font-weight:900;letter-spacing:0}.logo span{color:var(--primary)}.nav-menu{display:flex;align-items:center;justify-content:center;gap:31px;flex:1}.nav-link{position:relative;padding:28px 0 25px;font-size:13px;font-weight:800}.nav-link.active{color:var(--primary)}.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--primary)}.nav-cta{height:48px;padding-inline:22px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:0}.menu-toggle svg{width:22px;height:22px;color:var(--text)}.hero-section{padding-top:24px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr 0.55fr;gap:32px;align-items:center;min-height:595px}.hero-copy{padding:22px 0 10px}.status-badge{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 16px;margin-bottom:34px;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);font-size:12px;font-weight:600}.status-badge span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(34,197,94,0.12)}.intro{margin:0 0 6px;font-size:22px;font-weight:600}.hero-copy h1{margin:0;font-size:56px;line-height:1.08;font-weight:800;letter-spacing:0}.hero-copy h1 small{display:block;margin-top:8px;font-size:18px;line-height:1.35;font-weight:800}.hero-copy h1 span{color:var(--primary);background:linear-gradient(135deg,#6c3df4,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-role{margin:26px 0 20px;font-size:16px;line-height:1.4;font-weight:600}.hero-role b{margin:0 12px}.hero-text{max-width:530px;margin:0 0 24px;color:var(--muted);font-size:15px}.hero-actions,.social-row{display:flex;align-items:center;gap:18px}.social-row{margin-top:40px;gap:16px}.social-row span{margin-right:6px;font-weight:700}.social-row a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(17,24,39,0.06)}.social-row i{font-size:17px}.social-row svg{width:18px;height:18px}.hero-visual{position:relative;min-height:595px;display:grid;place-items:end center}.hero-orbit{position:absolute;width:440px;height:440px;top:98px;left:50%;transform:translateX(-44%);border-radius:50%;background:linear-gradient(135deg,#f3eeff 0%,#e7ddff 100%)}.profile-shell{position:relative;z-index:2;width:min(560px,118%);height:585px;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.profile-img{width:535px;height:585px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 25px rgba(17,24,39,0.12))}.dot-field{position:absolute;width:118px;height:118px;opacity:0.55;background-image:radial-gradient(#8b5cf6 1.5px,transparent 1.5px);background-size:14px 14px}.dots-left{left:16px;top:132px}.dots-right{right:-12px;bottom:166px}.float-card{position:absolute;z-index:3;left:-36px;bottom:74px;width:132px;min-height:154px;padding:22px 18px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px rgba(17,24,39,0.13)}.float-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:16px;color:var(--primary);background:#ede9fe;border-radius:9px;font-size:24px;font-weight:900}.float-icon svg{width:25px;height:25px;stroke-width:2.3}.float-card strong{display:block;font-size:35px;line-height:1;font-weight:900}.float-card span{display:block;margin-top:8px;font-size:12px;font-weight:700}.float-card>i{display:block;width:34px;height:4px;margin-top:16px;background:var(--primary);border-radius:8px}.tech-stack{display:grid;gap:14px;justify-self:end;width:180px;padding-left:0}.tech-card{height:58px;display:flex;align-items:center;gap:15px;width:180px;padding:0 17px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);font-weight:800;font-size:14px}.tech-card img,.tech-card i,.tech-card svg{width:28px;height:28px;min-width:28px}.tech-card i{display:grid;place-items:center;font-size:28px;line-height:1}.tech-card svg{color:#ec4899;stroke-width:2.2}.stats-card{display:grid;grid-template-columns:repeat(5,1fr);min-height:110px;padding:26px 32px;align-items:center}.stat{min-height:58px;display:grid;grid-template-columns:48px 1fr;column-gap:18px;align-items:center;justify-content:center;padding:0 26px;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat-icon{grid-row:span 2;width:39px;height:39px;font-size:39px;line-height:1;color:var(--primary)}.stat-icon.green{color:#20c765}.stat-icon.blue{color:#169df3}.stat-icon.orange{color:#f59e0b}.stat-icon.pink{color:#ec4899}.stat strong{font-size:24px;line-height:1.1;font-weight:900}.stat p{margin:5px 0 0;font-size:12px;font-weight:700}.about-skills{display:grid;grid-template-columns:1.35fr 0.9fr;gap:24px;align-items:stretch}.about-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:438px;padding:28px 22px}.section-label{display:inline-block;margin-bottom:22px;color:var(--primary);font-size:16px;font-weight:800}.about-text h2,.card-head h2,.work-card h2,.testimonial-card h2,.tools-card h2,.cta-card h2{margin:0;font-size:21px;line-height:1.2;font-weight:900}.about-text p{margin:18px 0 26px;color:var(--muted);font-size:13px}.details-grid{display:grid;gap:17px}.details-grid div{display:grid;grid-template-columns:20px 82px 1fr;align-items:center;gap:10px;font-size:12px}.details-grid span{display:grid;place-items:center;color:var(--primary);font-size:15px}.details-grid svg{width:16px;height:16px;stroke-width:2.2}.details-grid b{color:#374151;font-weight:600}.details-grid em{color:#111827;font-style:normal}.signature{margin-top:24px;color:var(--primary);font-family:"Pacifico",cursive;font-size:28px;line-height:1}.about-media{position:relative;padding-bottom:112px}.about-media>img{width:100%;height:282px;object-fit:cover;border-radius:14px;background:linear-gradient(90deg,rgba(17,24,39,0.7),transparent 26%),linear-gradient(135deg,#241939,#814e9e 48%,#1f2937)}.hire-card{position:absolute;left:-94px;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:106px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.hire-card strong{display:block;margin-bottom:8px;font-size:15px;font-weight:900}.hire-card p{max-width:275px;margin:0;color:#374151;font-size:12px}.hire-card .btn{height:44px;padding-inline:18px}.skills-card{min-height:438px;padding:28px 24px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.card-head a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#374151;font-size:12px;font-weight:700}.skill-list{display:grid;gap:22px}.skill{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:14px}.skill img,.skill>i,.skill>svg,.mini-icon{width:24px;height:24px;color:var(--primary)}.skill>i{display:grid;place-items:center;font-size:24px;line-height:1}.skill>svg{stroke-width:2.2}.mini-icon{display:grid;place-items:center;color:#ff4d6d;font-size:22px;font-weight:900}.mini-icon.green{color:var(--green)}.skill p{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;font-size:12px;font-weight:800}.skill>div>i{display:block;height:6px;overflow:hidden;background:#eef0f6;border-radius:999px}.skill em{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:inherit}.content-section{margin-top:24px;padding:24px 18px 18px}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.service-card,.project-card{min-height:235px;padding:18px;border:1px solid var(--border);border-radius:10px;background:#fff}.icon-box{width:48px;height:48px;display:grid;place-items:center;margin-bottom:16px;border-radius:8px;font-size:25px;font-weight:900}.icon-box svg{width:27px;height:27px;stroke-width:2.2}.icon-box.purple{color:var(--primary);background:#ede9fe}.icon-box.green{color:#16a34a;background:#dcfce7}.icon-box.blue{color:#1d9bf0;background:#e0f2fe}.icon-box.orange{color:#f97316;background:#ffedd5}.icon-box.pink{color:#ec4899;background:#fce7f3}.icon-box.cyan{color:#06b6d4;background:#cffafe}.service-card h3,.project-card h3{margin:0 0 12px;font-size:15px;line-height:1.25;font-weight:900}.service-card p,.project-card p{margin:0;color:var(--muted);font-size:13px}.service-card a{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--primary);font-size:13px;font-weight:900}.service-card a svg{width:15px;height:15px}.projects-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.project-card{min-height:280px;padding:10px}.project-link{display:block;height:100%}.project-img{height:125px;margin-bottom:15px;overflow:hidden;border-radius:8px;border:1px solid var(--border);background:var(--project-bg)}.project-img img{width:100%;height:100%;object-fit:cover}.project-img.map{--project-bg:linear-gradient(135deg,#f7fbff,#e0f2fe 54%,#111827 55%)}.project-img.erp{--project-bg:linear-gradient(135deg,#f9fafb,#eef2ff)}.project-img.shop{--project-bg:linear-gradient(135deg,#111827 0 45%,#9a6746 46% 100%)}.project-img.chat{--project-bg:linear-gradient(135deg,#101827 0 44%,#f8f9ff 45% 100%)}.project-img.vendor{--project-bg:linear-gradient(135deg,#fff,#eff6ff)}.project-card p{min-height:62px}.project-card div:last-child{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.project-card span{padding:5px 9px;color:var(--primary);background:#f0edff;border-radius:5px;font-size:11px;font-weight:800}.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card,.testimonial-card,.tools-card{min-height:370px;padding:28px 22px}.timeline{position:relative;margin-top:28px;padding-left:50px}.timeline::before{content:"";position:absolute;left:21px;top:20px;bottom:18px;width:2px;background:#d8ddf0}.timeline-item{position:relative;margin-bottom:36px}.timeline-item:last-child{margin-bottom:0}.node{position:absolute;left:-50px;top:-5px;width:42px;height:42px;display:grid;place-items:center;color:var(--primary);background:#ede9fe;border-radius:50%;font-weight:900}.node svg{width:18px;height:18px;stroke-width:2.4}.timeline-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:12px;font-weight:900}.timeline-title time{color:var(--primary);white-space:nowrap;font-size:12px;font-weight:800}.timeline ul{margin:16px 0 0;padding-left:18px;color:#374151;font-size:12px}.timeline li + li{margin-top:8px}.testimonial-card{text-align:center}.testimonial-card h2{text-align:left}.work-card h2,.testimonial-card h2,.tools-card h2{text-align:center}.quote{margin-top:28px;color:var(--secondary);font-size:58px;line-height:0.7;font-weight:900}.quote svg{width:44px;height:44px;fill:rgba(139,92,246,0.18);stroke-width:2.4}.testimonial-text{max-width:280px;margin:8px auto 26px;color:#374151;font-size:13px}.client-row{display:grid;grid-template-columns:36px 1fr auto 36px;align-items:center;gap:12px}.client-row button{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:#fff;color:#374151;font-size:22px}.client{display:flex;align-items:center;gap:12px;text-align:left}.client>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#2563eb)}.client>span svg{width:22px;height:22px;color:#ffffff;stroke-width:2.3}.client strong{font-size:13px}.client p{margin:3px 0 0;font-size:11px}.stars{color:#fbbf24;font-size:16px;letter-spacing:0}.slider-dots{display:flex;justify-content:center;gap:7px;margin-top:42px}.slider-dots span{width:10px;height:6px;border-radius:9px;background:#d6d8e4}.slider-dots .active{width:20px;background:var(--primary)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.tools-grid div{height:64px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid var(--border);border-radius:9px;background:#fff}.tools-grid img,.tools-grid i,.tools-grid svg{width:28px;height:28px}.tools-grid i{display:grid;place-items:center;font-size:28px;line-height:1}.tools-grid svg{color:#ff0a62;stroke-width:2.1}.tool-ae{color:#b99cff;background:#1f1147;border-radius:4px;font-family:Arial,sans-serif;font-size:18px !important;font-weight:800}.tools-grid span{font-size:10px;font-weight:700}.cta-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:24px;min-height:110px;margin-top:24px;padding:28px 70px;background:linear-gradient(105deg,#f1ecff,#fff 48%,#f1e8ff)}.cta-icon{width:66px;height:66px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6c3df4,#8b5cf6);border-radius:50%;font-size:34px}.cta-icon svg{width:32px;height:32px;stroke-width:2.1}.cta-card p{margin:8px 0 0;color:#374151;font-size:16px}.cta-card .btn{min-width:200px}.footer{padding:48px 0 34px}.footer-grid{display:grid;grid-template-columns:auto 1fr 190px 220px 170px 52px;align-items:center;gap:32px}.footer p,.footer a,.footer span{color:#374151;font-size:13px;font-weight:600}.footer a,.footer span{display:inline-flex;align-items:center;justify-content:center;gap:8px}.footer svg,.back-top svg{width:18px;height:18px;color:var(--primary)}.footer .logo{color:var(--text);justify-content:center;gap:0;font-size:39px;font-weight:900;line-height:1}.back-top{width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--primary);box-shadow:var(--shadow);font-size:20px;cursor:pointer}@media (max-width:1120px){.nav-menu{gap:18px}.hero-grid{grid-template-columns:1fr 1fr;min-height:auto}.hero-visual{min-height:565px}.hero-orbit{width:380px;height:380px;top:96px}.profile-shell{width:min(500px,112%);height:555px}.profile-img{width:500px;height:555px}.float-card{left:0;bottom:68px}.tech-stack{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);justify-self:stretch;width:100%;padding:0}.tech-card{width:100%}.services-grid{grid-template-columns:repeat(3,1fr);gap:14px}.projects-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.container{width:min(100% - 32px,1180px)}.nav-menu{position:fixed;left:16px;right:16px;top:82px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-link{padding:14px 12px}.nav-link.active::after{left:12px;right:auto;bottom:8px;width:26px;height:2px}.nav-cta{display:none}.menu-toggle{display:grid;place-items:center}.about-skills,.about-card{grid-template-columns:1fr}.about-media{padding-bottom:0}.hire-card{position:static;margin-top:16px}.stats-card{grid-template-columns:repeat(2,1fr);padding:18px}.stat{border-right:0;border-bottom:1px solid var(--border);justify-content:start}.stat:last-child{border-bottom:0}}@media (max-width:680px){.section{margin-top:16px}.logo{font-size:34px}.hero-grid{grid-template-columns:1fr;gap:16px;min-height:auto}.hero-copy{padding:10px 0 0}.status-badge{margin-bottom:24px}.intro{font-size:18px}.hero-copy h1{font-size:clamp(38px,10vw,52px)}.hero-role{font-size:14px}.hero-role b{margin:0 6px}.hero-actions,.social-row,.hire-card,.card-head{flex-direction:column;align-items:stretch}.hero-actions .btn,.cta-card .btn{width:100%}.social-row{display:grid;grid-template-columns:repeat(5,42px);align-items:center}.social-row>span{grid-column:1 / -1}.hero-visual{min-height:520px}.hero-orbit{width:310px;height:310px;top:78px;transform:translateX(-50%)}.profile-shell,.profile-img{width:min(430px,116%);height:500px}.float-card{left:0;bottom:58px;width:126px}.tech-stack,.services-grid,.projects-grid{grid-template-columns:1fr}.stats-card{padding:12px}.stat{grid-template-columns:40px 1fr;padding:16px 8px}.stat-icon{font-size:31px}.about-card,.skills-card,.content-section,.work-card,.testimonial-card,.tools-card{padding:20px 16px}.about-media>img{height:230px}.details-grid div{grid-template-columns:20px 72px 1fr}.client-row{grid-template-columns:34px 1fr 34px}.stars{grid-column:1 / -1}.tools-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cta-card{display:flex;flex-direction:column;align-items:stretch;padding:24px;text-align:center}.cta-icon{margin:0 auto}.footer-grid{grid-template-columns:1fr;gap:18px;text-align:center}.back-top{margin:0 auto}}