:root{--accent:#c9f31d;--dark:#0d0d0d;--dark-2:#1a1a1a;--dark-3:#222;--text:#999;--text-light:#ccc;--white:#fff;--border:#ffffff1a;--shadow:0 24px 70px #0006;--radius-xl:34px;--radius-lg:26px;--radius-md:18px;--container:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--white);background:var(--dark);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--container), calc(100% - 40px));margin-inline:auto}.section{padding:110px 0}.compact-section{padding-top:70px}h1,h2,h3{color:var(--white);margin-top:0}p{color:var(--text-light);margin-top:0}h1{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(34px,4.2vw,62px);line-height:1.05}h1 .name-accent{color:var(--accent);display:block}h1 .role-text{color:var(--white);display:block}h2{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(34px,4.5vw,54px);line-height:1.08}h3{letter-spacing:-.03em;margin-bottom:10px;font-size:22px;line-height:1.2}.text-accent{color:var(--accent)}.text-center{text-align:center}.text-left{text-align:left}.eyebrow{color:var(--text);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:0;margin-bottom:16px;font-size:14px;font-weight:700;display:inline-flex}.section-title{max-width:720px;margin-bottom:50px}.section-title.text-center{margin-inline:auto}.btn{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 28px;font-size:15px;font-weight:700;line-height:1;transition:transform .2s,background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-arrow:after{content:"›";font-size:18px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--dark);border-color:var(--accent)}.btn-primary:hover{background:#d4ff25}.btn-dark{background:var(--dark-3);color:var(--white);border-color:var(--border)}.btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.btn-link{color:var(--white);text-underline-offset:3px;background:0 0;border:0;min-height:auto;padding:0;font-weight:600;text-decoration:underline}.card-hover{transition:transform .22s,box-shadow .22s,border-color .22s}.card-hover:hover{border-color:#c9f31d40;transform:translateY(-6px);box-shadow:0 20px 60px #00000080}.site-header{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d0deb;position:sticky;top:0}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:84px;display:grid;position:relative}.logo{letter-spacing:-.04em;color:var(--white);align-items:center;gap:10px;font-size:24px;font-weight:900;display:inline-flex}.logo-mark{background:var(--accent);width:40px;height:40px;color:var(--dark);border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid}.main-nav{justify-content:center;align-items:center;gap:28px;font-size:15px;font-weight:600;display:flex}.nav-item{align-items:center;display:inline-flex;position:relative}.nav-item>a{min-height:84px;color:var(--text-light);align-items:center;gap:5px;transition:color .2s;display:inline-flex}.nav-item>a.active,.nav-item>a:hover{color:var(--accent)}.dropdown-caret{font-size:12px;line-height:1}.nav-dropdown{visibility:hidden;opacity:0;border:1px solid var(--border);background:var(--dark-2);min-width:200px;box-shadow:var(--shadow);border-radius:14px;padding:10px;transition:all .18s;position:absolute;top:calc(100% - 8px);left:-18px;transform:translateY(10px)}.nav-dropdown a{color:var(--text-light);border-radius:10px;padding:10px 12px;display:block}.nav-dropdown a:hover{background:var(--dark-3);color:var(--accent)}.has-dropdown:hover .nav-dropdown{visibility:visible;opacity:1;transform:translateY(0)}.header-actions{align-items:center;gap:12px;display:inline-flex}.side-toggle,.menu-toggle{background:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:inline-grid}.side-toggle span,.menu-toggle span{background:var(--dark);border-radius:99px;width:18px;height:2px;margin:2px 0;display:block}.menu-toggle{display:none}.hero-section{background:var(--dark);padding:90px 0 80px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9f31d0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:0;right:25%}.hero-grid{z-index:1;grid-template-columns:1fr minmax(320px,480px) 200px;align-items:center;gap:50px;display:grid;position:relative}.hero-greeting{color:var(--text);letter-spacing:0;margin-bottom:12px;font-size:22px;font-weight:400;display:block}.hero-content p{max-width:500px;color:var(--text-light);margin-bottom:0;font-size:16px}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:32px 0 0;display:flex}.hero-link{color:var(--white);text-underline-offset:3px;align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:underline;display:inline-flex}.hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.hero-blob{background:var(--accent);border-radius:50%;width:420px;height:420px;position:absolute;transform:scale(.88)}.hero-photo-circle{z-index:2;border:4px solid var(--dark);background:linear-gradient(135deg,#2a2a2a,#555);border-radius:50%;width:380px;height:380px;position:relative;overflow:hidden}.hero-photo-circle img{object-fit:cover;width:100%;height:100%;display:block}.hero-stats{flex-direction:column;gap:16px;display:flex}.stat-card{border:1px solid var(--border);background:var(--dark-2);border-radius:16px;padding:24px 22px}.stat-card strong{letter-spacing:-.06em;color:var(--accent);margin-bottom:4px;font-size:38px;line-height:1;display:block}.stat-card span{color:var(--text-light);font-size:13px;font-weight:600;display:block}.about-section{background:var(--dark-2)}.about-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:70px;display:grid}.about-content{order:-1}.about-visual{min-height:540px;position:relative}.about-photo{color:var(--white);letter-spacing:-.05em;border-radius:24px;place-items:center;font-size:36px;font-weight:900;display:grid;overflow:hidden}.main-photo{background:linear-gradient(135deg,#252525,#555);width:68%;min-height:470px;position:absolute;bottom:0;left:0}.small-photo{border:10px solid var(--dark-2);background:linear-gradient(135deg,#333,#666);width:46%;min-height:300px;position:absolute;top:20px;right:0}.experience-tag{background:var(--accent);width:165px;box-shadow:var(--shadow);border-radius:20px;padding:20px;position:absolute;bottom:55px;right:20px}.experience-tag strong{letter-spacing:-.07em;color:var(--dark);font-size:52px;line-height:1;display:block}.experience-tag span{color:var(--dark);margin-top:4px;font-size:13px;font-weight:800;line-height:1.25;display:block}.signature-card{background:var(--dark-3);border:1px solid var(--border);border-radius:999px;padding:12px 20px;font-size:14px;font-weight:700;position:absolute;top:30px;left:22px}.bullet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:24px 0 28px;display:grid}.bullet-grid.single{grid-template-columns:1fr;max-width:430px}.bullet-grid span{color:var(--text-light);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.contact-card-grid{flex-wrap:wrap;gap:14px;display:flex}.mini-contact-card{border:1px solid var(--border);background:var(--dark-3);border-radius:16px;align-items:center;gap:14px;min-width:210px;padding:16px 20px;transition:all .2s;display:flex}.mini-contact-card:hover{border-color:#c9f31d4d}.contact-card-icon{background:var(--accent);width:44px;height:44px;color:var(--dark);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.mini-contact-card .card-text span{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:12px;font-weight:600;display:block}.mini-contact-card .card-text strong{color:var(--white);font-size:14px;font-weight:700;display:block}.resume-section{background:var(--dark)}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid;position:relative}.timeline-grid:before{content:"";background:var(--border);width:1px;position:absolute;top:22px;bottom:22px;left:50%;transform:translate(-50%)}.timeline-item{border:1px solid var(--border);background:var(--dark-2);border-radius:24px;padding:28px 30px;position:relative}.timeline-item:after{content:"";border:4px solid var(--dark);background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:34px}.timeline-item:nth-child(odd):after{right:-31px}.timeline-item:nth-child(2n):after{left:-31px}.timeline-item span{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.timeline-item h3{margin-bottom:4px}.timeline-item p{color:var(--text);margin-bottom:0;font-weight:700}.services-section{background:var(--dark-2)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.service-card{border:1px solid var(--border);background:var(--dark-3);border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:160px;padding:26px;transition:border-color .2s,transform .2s;display:grid;position:relative}.service-card:hover{border-color:#c9f31d40;transform:translateY(-4px)}.service-number{color:var(--accent);margin-bottom:0;font-size:13px;font-weight:700}.service-card h3{color:var(--white);margin-bottom:6px;font-size:20px}.service-card p{color:var(--text);margin-bottom:0;font-size:14px}.arrow-link{background:var(--accent);width:46px;height:46px;color:var(--dark);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:900;transition:transform .2s;display:grid}.arrow-link:hover{transform:scale(1.1)}.skills-section{background:var(--dark)}.skills-layout{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:center;gap:70px;display:grid}.skills-intro .section-title{margin-bottom:28px}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skill-card{border:1px solid var(--border);background:var(--dark-2);text-align:center;border-radius:20px;place-items:center;min-height:165px;padding:22px;transition:border-color .2s,transform .2s;display:grid}.skill-card:hover{border-color:#c9f31d40;transform:translateY(-4px)}.skill-icon{background:var(--dark-3);width:64px;height:64px;color:var(--white);border:1px solid var(--border);border-radius:18px;place-items:center;font-size:13px;font-weight:900;display:grid}.skill-card h3{margin:12px 0 0;font-size:15px;font-weight:600}.skill-card strong{color:var(--text);font-size:13px}.projects-section{background:var(--dark-2)}.projects-list{flex-direction:column;gap:0;display:flex}.project-card{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;padding:60px 0;display:grid}.project-card:first-child{border-top:1px solid var(--border)}.project-card:nth-child(2n) .project-content{order:1}.project-card:nth-child(2n) .project-media{order:2}.project-media{background:linear-gradient(135deg,#252525,#555);border-radius:20px;align-items:flex-end;min-height:340px;padding:24px;display:flex;position:relative;overflow:hidden}.project-media-bg{background:radial-gradient(circle at 70% 25%,#c9f31d80 0%,#0000 40%),linear-gradient(135deg,#1e1e1e,#555);position:absolute;inset:0}.project-media-label{z-index:1;background:var(--accent);width:80px;height:80px;color:var(--dark);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:relative}.project-category{color:var(--accent);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.project-content h3{letter-spacing:-.03em;margin-bottom:14px;font-size:32px}.project-content p{margin-bottom:24px;font-size:15px}.project-link{background:var(--accent);width:52px;height:52px;color:var(--dark);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:900;transition:transform .2s;display:inline-flex}.project-link:hover{transform:scale(1.1)}.center-action{text-align:center;margin-top:50px}.testimonials-section{background:var(--dark)}.testimonials-layout{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);align-items:start;gap:70px;display:grid}.testimonial-copy{position:sticky;top:100px}.testimonial-nav{gap:12px;margin-top:32px;display:flex}.testimonial-nav button{border:1px solid var(--border);width:48px;height:48px;color:var(--white);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:18px;transition:all .2s;display:grid}.testimonial-nav button:hover{border-color:var(--accent);color:var(--accent)}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.testimonial-card{border:1px solid var(--border);background:var(--dark-2);text-align:center;border-radius:24px;padding:28px}.testimonial-avatar{width:72px;height:72px;color:var(--white);border:3px solid var(--dark-3);background:linear-gradient(135deg,#333,#666);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:22px;font-weight:900;display:grid;overflow:hidden}.testimonial-card p{color:var(--text-light);margin-bottom:20px;font-size:15px}.testimonial-card strong{color:var(--white);font-weight:700;display:block}.testimonial-card .role-label{color:var(--accent);font-size:13px;font-weight:600}.pricing-section{background:var(--dark-2)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.pricing-card{border:1px solid var(--border);background:var(--dark-3);border-radius:26px;padding:32px;transition:border-color .2s}.pricing-card:hover{border-color:#c9f31d40}.pricing-card.featured{background:var(--accent);border-color:var(--accent)}.pricing-card.featured h3,.pricing-card.featured .price,.pricing-card.featured p,.pricing-card.featured li{color:var(--dark)}.pricing-card.featured .btn{background:var(--dark);color:var(--white);border-color:var(--dark)}.pricing-head span{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.pricing-card.featured .pricing-head span{color:#0d0d0d99}.price{letter-spacing:-.07em;color:var(--white);margin:22px 0 16px;font-size:52px;font-weight:900;line-height:1;display:block}.price small{vertical-align:super;font-size:22px}.pricing-card ul{margin:22px 0 26px;padding:0;list-style:none}.pricing-card li{color:var(--text-light);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.pricing-card li:before{content:"✓";color:var(--accent);font-weight:900}.pricing-card.featured li:before{color:var(--dark)}.pricing-card.featured li{color:#0d0d0dbf}.contact-section{background:var(--dark)}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:70px;display:grid}.contact-form{border:1px solid var(--border);background:var(--dark-2);border-radius:28px;padding:36px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}input,textarea{border:1px solid var(--border);background:var(--dark-3);width:100%;color:var(--white);border-radius:12px;outline:none;margin-bottom:14px;padding:15px 16px}input::placeholder,textarea::placeholder{color:var(--text)}input:focus,textarea:focus{border-color:var(--accent)}.blog-section{background:var(--dark-2)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.blog-card{border:1px solid var(--border);background:var(--dark-3);border-radius:24px;padding:24px;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:#c9f31d40;transform:translateY(-4px)}.blog-media{min-height:230px;color:var(--white);letter-spacing:-.08em;background:radial-gradient(circle at 74% 28%,#c9f31d99,#0000 35%),linear-gradient(135deg,#1e1e1e,#555);border-radius:18px;place-items:center;margin-bottom:20px;font-size:44px;font-weight:900;display:grid}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.blog-tags span{background:var(--dark-2);border:1px solid var(--border);color:var(--text-light);border-radius:999px;padding:5px 12px;font-size:12px;display:inline-flex}.blog-card h3{margin-bottom:14px;font-size:20px}.blog-card time{color:var(--text);font-size:13px;font-weight:600}.page-hero{background:var(--dark-2);text-align:center;padding:120px 0 90px}.page-hero .eyebrow{justify-content:center}.page-hero h1{margin-bottom:14px}.page-hero p{max-width:680px;margin-inline:auto}.site-footer{background:var(--dark);color:var(--white);border-top:1px solid var(--border)}.footer-grid{grid-template-columns:1.3fr .65fr 1fr;gap:50px;padding:70px 0;display:grid}.footer-grid h3{margin-bottom:20px;font-size:18px}.footer-grid p,.footer-list,.footer-list a{color:var(--text-light);font-size:14px}.footer-logo{margin-bottom:18px}.footer-list{margin:0;padding:0;list-style:none}.footer-list li{margin-bottom:10px}.social-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.social-links a{border:1px solid var(--border);color:var(--text-light);border-radius:999px;padding:7px 14px;font-size:13px;transition:all .2s}.social-links a:hover{border-color:var(--accent);color:var(--accent)}.copyright{border-top:1px solid var(--border);color:var(--text);text-align:center;padding:22px;font-size:13px}.sidebar-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#000000a6;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;visibility:visible}.contact-sidebar{z-index:210;background:var(--dark-2);border-left:1px solid var(--border);flex-direction:column;gap:20px;width:min(420px,100vw);height:100dvh;padding:36px 32px;transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.contact-sidebar.active{transform:translate(0)}.sidebar-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sidebar-close{border:1px solid var(--border);width:40px;height:40px;color:var(--white);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;transition:border-color .2s,color .2s;display:grid}.sidebar-close:hover{border-color:var(--accent);color:var(--accent)}.sidebar-desc{color:var(--text);margin:0;font-size:14px;line-height:1.6}.sidebar-form{flex-direction:column;gap:0;display:flex}.sidebar-field input,.sidebar-field textarea{margin-bottom:12px}.sidebar-field textarea{resize:vertical;min-height:110px}.sidebar-contact-info{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:auto;padding-top:8px;display:flex}.sidebar-info-item{color:var(--text-light);align-items:center;gap:12px;font-size:14px;transition:color .2s;display:flex}.sidebar-info-item:hover{color:var(--accent)}.sidebar-info-icon{background:var(--dark-3);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;display:grid}@media (width<=1100px){.header-inner{grid-template-columns:auto auto;justify-content:space-between}.menu-toggle{display:inline-grid}.side-toggle,.header-actions .btn{display:none}.main-nav{border:1px solid var(--border);background:var(--dark-2);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:20px;right:20px}.main-nav.active{display:flex}.nav-item{display:block}.nav-item>a{border-radius:12px;justify-content:space-between;min-height:auto;padding:12px}.nav-dropdown{visibility:visible;opacity:1;box-shadow:none;background:0 0;border:0;padding:0 0 6px 14px;position:static;transform:none}.hero-grid{grid-template-columns:1fr}.hero-stats{flex-flow:wrap}.hero-stats .stat-card{flex:1;min-width:140px}.hero-content{text-align:center}.hero-content p{margin-inline:auto}.hero-actions{justify-content:center}.about-grid,.skills-layout,.contact-grid,.testimonials-layout,.footer-grid{grid-template-columns:1fr}.about-content{order:0}.timeline-grid:before{left:0}.timeline-item:after,.timeline-item:nth-child(odd):after,.timeline-item:nth-child(2n):after{left:-8px;right:auto}.timeline-grid,.services-grid,.pricing-grid,.testimonial-grid{grid-template-columns:1fr}.service-card{grid-template-columns:auto minmax(0,1fr) auto}.project-card{grid-template-columns:1fr}.project-card:nth-child(2n) .project-content,.project-card:nth-child(2n) .project-media{order:0}}@media (width<=760px){.container{width:min(100% - 28px, var(--container))}.section{padding:75px 0}.header-inner{min-height:70px}.logo{font-size:20px}h1{font-size:clamp(46px,14vw,72px)}h2{font-size:clamp(28px,9vw,40px)}.hero-section{padding-top:70px}.hero-photo-circle{width:300px;height:300px}.hero-blob{width:320px;height:320px}.hero-visual{min-height:360px}.bullet-grid,.skills-grid,.blog-grid,.form-row{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.about-visual{min-height:auto}.main-photo,.small-photo,.experience-tag,.signature-card{border:0;width:100%;margin-top:14px;position:static}.main-photo{min-height:340px}.small-photo{min-height:200px}.timeline-grid{padding-left:16px}.service-card{grid-template-columns:1fr}.arrow-link{position:absolute;top:22px;right:22px}.pricing-card,.contact-form{padding:22px}.projects-grid{grid-template-columns:1fr}}