:root{--bg:#0f1724;--card:#0b1220;--muted:#94a3b8;--accent:#ff6b6b;--container:1100px}html{scroll-behavior:smooth}html,body{overflow-x:hidden}*{box-sizing:border-box}.body-default{font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}body{margin:0;color:#0b1220;font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:#f6f7fb}.container{max-width:var(--container);margin:0 auto;padding:2rem}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;background:#fff9;border-bottom:1px solid rgba(0,0,0,.04);z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{height:44px}.nav a{color:var(--muted);margin-left:1.25rem;text-decoration:none}.nav .cta{background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:6px}.hero{padding:6rem 0 8rem;background:#f6f7fb;display:flex;align-items:flex-start}.hero{position:relative;overflow:hidden}.hero-center{width:100%;max-width:520px;margin:0 auto;padding:6rem 1rem 8rem;text-align:center}.hero-avatar{transform:scaleX(-1);width:192px;height:192px;border-radius:999px;object-fit:cover;border:8px solid #fff;box-shadow:0 6px 18px #0b12200f;display:block;margin:0 auto 1rem}.hero-name{font-size:2.4rem;margin:0;color:#1f2740;font-weight:700}.hero-tag{color:#6b7280;margin-top:8px;margin-bottom:18px;transition:opacity .35s ease,transform .35s ease;opacity:1;transform:translateY(0)}.hero-tag:after{content:"";display:inline-block;width:2px;height:1em;background:#1f2740;margin-left:8px;vertical-align:middle;animation:blink 1s steps(2) infinite}.hero-tag.hidden{opacity:0;transform:translateY(6px)}.hero-tag.visible{opacity:1;transform:translateY(0)}.contact-schedule{text-align:right}.contact-schedule button{margin-top:12px}.contact-call{align-self:end}@media (min-width:901px) and (max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.work-filter-select{display:none!important}.work-filter-nav{display:flex!important;gap:12px}.works-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@keyframes blink{50%{opacity:0}}.hero-parallax{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.par-wrap{position:absolute;transform:translate3d(calc(var(--mx,0px) * var(--depth,1)),calc(var(--my,0px) * var(--depth,1)),0);transition:transform .12s linear;will-change:transform}.par-icon{display:block;opacity:.95;filter:drop-shadow(0 6px 14px rgba(11,18,32,.06));animation:bob 5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-center{position:relative;z-index:2}.avatar-flip .flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.avatar-flip:hover .flip-inner{transform:rotateY(180deg)}.avatar-flip .hero-avatar{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:999px;backface-visibility:hidden;object-fit:cover}.avatar-flip .hero-avatar.back{transform:rotateY(180deg)}.avatar-flip.auto-flip-sequence .flip-inner{animation:avatar-sequence .36s linear 0s 1 forwards}@keyframes avatar-sequence{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.avatar-flip{display:block;width:120px;height:120px;margin:0 auto 1rem;perspective:1000px}.avatar-flip{position:relative}.avatar-flip:after{content:"Hey, there!";position:absolute;left:109%;bottom:calc(100% + 45px);transform:translate(calc(-50% + 12px)) translateY(8px);width:160px;text-align:center;color:#0b1220;font-weight:700;font-size:16px;line-height:1.05;white-space:normal;z-index:63;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;transition-delay:0s}.avatar-flip:before{content:"";position:absolute;left:140%;bottom:calc(100% - 11px);width:200px;height:120px;transform:translate(calc(-50% + 12px)) translateY(10px);background-image:url(/speech-bubble-12-svgrepo-com.svg);background-repeat:no-repeat;background-size:contain;z-index:62;opacity:0;transition:opacity .18s ease,transform .18s ease;transition-delay:0s;pointer-events:none}.avatar-flip:hover:before{opacity:.7;transform:translate(calc(-50% + 12px)) translateY(0);transition-delay:1s}.avatar-flip:hover:after{opacity:1;transform:translate(calc(-50% + 12px)) translateY(0);transition-delay:1s}@media (max-width:480px){.avatar-flip:before{width:18px;height:10px;bottom:calc(100% + 4px)}.avatar-flip:after{font-size:13px;bottom:calc(100% + 18px);width:110px}}@media (max-width:900px){.avatar-flip{width:96px;height:96px}}@media (max-width:480px){.avatar-flip{width:96px;height:96px}}.hero-socials{display:flex;gap:14px;justify-content:center;margin-bottom:22px}.social{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:#1f2740;text-decoration:none}.social i{font-size:16px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%) translateY(6px);bottom:calc(100% + 8px);background:#111827f5;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:999;box-shadow:0 6px 18px #02061766}[data-tooltip]:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 4px);border-width:6px;border-style:solid;border-color:rgba(17,24,39,.96) transparent transparent transparent;opacity:0;transition:opacity .12s ease;z-index:999}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.social-img{width:18px;height:18px;display:block;object-fit:contain}.btn{display:inline-block;padding:.6rem 1rem;border-radius:999px;text-decoration:none}.btn.hire{background:#ff6b6b;color:#fff;padding:10px 22px;font-weight:700}.btn.download{position:relative}.btn.download:before{content:"⬇";display:inline-block;margin-right:8px;font-size:14px;line-height:1;vertical-align:middle;transition:transform .18s ease,opacity .18s ease}.btn.download.downloaded:before{content:"✓";background:#22c55e;color:#fff;border-radius:6px;padding:2px 6px;font-size:13px}.btn.download.downloaded{background:linear-gradient(90deg,#22c55e,#2bbf6b);color:#fff}.services{padding:3rem 0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:1.25rem;align-items:start}.service-card{padding:2.25rem 1.5rem;border-radius:18px;color:#fff;text-align:center;box-shadow:0 18px 40px #6366f11f;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.service-card h3{margin-top:14px;margin-bottom:10px;font-size:1.1rem}.service-card p{margin:0;color:#ffffffeb;line-height:1.45;max-width:260px}.service-card .service-icon{width:64px;height:64px;border-radius:12px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:26px}.service-card.purple{background:#6b5bff}.service-card.yellow{background:#f3c13a;color:#3b2f05;box-shadow:0 18px 40px #f3c13a1f}.service-card.red{background:#ff5f6d}.service-card .fa-solid{font-size:22px}.service-card.teal{background:#22c55e}.services-cta{text-align:center;margin-top:18px;color:#6b7280}.services-cta a{color:#ff6b6b;text-decoration:none;font-weight:700;margin-left:6px;margin-right:6px}.services-cta .wave{margin-left:6px}.service-card{will-change:transform,opacity}.service-card.left{transform:translate(-80vw) rotate(-8deg);opacity:0}.service-card.right{transform:translate(80vw) rotate(8deg);opacity:0}.services.animate .service-card.left{animation:collide-left .9s cubic-bezier(.22,.9,.28,1) forwards}.services.animate .service-card.right{animation:collide-right .9s cubic-bezier(.22,.9,.28,1) forwards}.services.animate .service-card{opacity:1}@keyframes collide-left{0%{transform:translate(-80vw) rotate(-8deg) scale(.98)}40%{transform:translate(14%) rotate(6deg) scale(1.06);z-index:50}55%{transform:translate(-8%) rotate(-6deg) scale(.96);z-index:45}75%{transform:translate(4%) rotate(2deg) scale(1.02);z-index:35}to{transform:translate(0) rotate(0) scale(1);z-index:20}}@keyframes collide-right{0%{transform:translate(80vw) rotate(8deg) scale(.98)}40%{transform:translate(-14%) rotate(-6deg) scale(1.06);z-index:50}55%{transform:translate(8%) rotate(6deg) scale(.96);z-index:45}75%{transform:translate(-4%) rotate(-2deg) scale(1.02);z-index:35}to{transform:translate(0) rotate(0) scale(1);z-index:20}}@keyframes center-react{0%{transform:none}25%{transform:translateY(-6px) scale(1.02)}55%{transform:translateY(10px) scale(.98)}80%{transform:translateY(2px) scale(1.01)}to{transform:none}}.services.animate .services-grid .service-card:nth-child(2){animation:center-react .76s cubic-bezier(.22,.9,.28,1) forwards;animation-delay:.42s}.services.animate .services-grid .service-card:nth-child(3){animation:center-react .76s cubic-bezier(.22,.9,.28,1) forwards;animation-delay:.46s}.works{padding:3rem 0}.works h2{font-size:1.8rem;margin-bottom:12px;color:#1f2740}.work-filters nav{display:flex;gap:18px;margin-bottom:18px}.work-filters nav a{color:#6b7280;text-decoration:none;font-weight:600}.work-filters nav a.active{color:#ff6b6b}.work-filter-select{display:none}.work-filters{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-search{max-width:360px;width:100%;margin-left:12px;margin-right:12px;margin-bottom:18px}.work-search input{width:100%;padding:10px 12px;border-radius:10px;border:0;background:#fff;box-shadow:0 8px 20px #1018280a;font-weight:600}.work-overlay{padding:14px}.work-tags{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.work-tag{font-size:12px;color:#fff;opacity:.95;background:#50505038;padding:4px 8px;border-radius:999px}.modal-tags{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.modal-tag{font-size:13px;color:#0b1220;background:#eef2ff;padding:6px 10px;border-radius:999px}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.work-card{background:#fff;border-radius:14px;padding:26px;box-shadow:0 18px 40px #1018280a;display:flex;align-items:center;justify-content:center;min-height:140px}.work-thumb{width:100%;height:140px;border-radius:10px;overflow:hidden;display:block}.work-thumb img{max-width:100%;object-fit:cover;display:block;width:100%;height:100%}.work-thumb{position:relative}.thumb-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f3f4f6,#e6eaf2,#f3f4f6);background-size:200% 100%;animation:thumb-shimmer 1.2s linear infinite;border-radius:10px}.thumb-loader.loaded{opacity:0;transition:opacity .36s ease;pointer-events:none;animation:none}@keyframes thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.work-overlay{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(180deg,#0000,#00000080);color:#fff;border-radius:0 0 10px 10px}.work-card{position:relative;overflow:visible}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.work-title{font-weight:700;flex:1;margin-right:12px}.work-cat{font-size:12px;opacity:.9;margin-top:0;white-space:nowrap}.work-card .work-cat{display:inline-block;padding:6px 8px;border-radius:8px;font-weight:700;opacity:1}.work-card[data-cat=Blockchain] .work-cat{background:#6b5bff;color:#fff}.work-card[data-cat=Web] .work-cat{background:#f3c13a;color:#3b2f05}.work-card[data-cat=Mobile] .work-cat{background:#ff5f6d;color:#fff}.work-card[data-cat=AI] .work-cat{background:#22c55e;color:#fff}.work-card[data-cat=SaaS] .work-cat{background:#f3c13a;color:#3b2f05}.work-card{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.work-card.revealed{opacity:1;transform:none}.work-card{cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0f80;display:flex;align-items:center;justify-content:center;z-index:60;padding:24px}.modal{background:#fff;width:100%;max-width:1000px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;position:relative}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:26px;cursor:pointer}.modal-left{display:flex;flex-direction:column;gap:12px;max-width:473px}.modal-main-image{background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;height:360px;overflow:hidden}.modal-main-image{background:#f3f4f6;border-radius:10px;display:block;align-items:center;justify-content:center;height:360px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:8px}.modal-main-image img{display:block;width:100%;height:auto;max-width:100%}.modal-thumb-row{display:flex;gap:8px;margin-top:6px}.modal-thumb-row .thumb{border:0;padding:0;background:transparent;border-radius:8px;overflow:hidden;cursor:pointer}.modal-thumb-row .thumb img{width:64px;height:48px;object-fit:cover;display:block}.modal-thumb-row .thumb.active{outline:2px solid #ff6b6b}.modal-right{padding:8px 6px}.modal-right h3{margin-top:6px;margin-bottom:8px}.modal-category{color:#6b7280;margin-bottom:10px}.modal-desc{color:#475569}.modal-actions{margin-top:18px}.modal-actions .btn{background:#ff6b6b;color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none}.works-cta{text-align:center;margin-top:20px}.load-more{background:#ff6b6b;color:#fff;border:0;padding:10px 26px;border-radius:999px;font-weight:700;cursor:pointer}.experience{padding:3rem 0}.exp-grid{display:grid;grid-template-columns:360px 1fr;gap:2rem;align-items:start}.edu-card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 10px 30px #1018280f;position:relative;padding-left:84px}.edu-card:before{content:"";position:absolute;left:46px;top:28px;bottom:28px;width:2px;background:#ff6b6be6;border-radius:2px}.edu-item{padding:.75rem 0;border-bottom:1px solid #f1f5f9;position:relative}.edu-item:last-child{border-bottom:0}.edu-icon{position:absolute;left:-55px;top:8px;width:36px;height:36px;border-radius:8px;border:2px solid rgba(255,107,107,.95);display:flex;align-items:center;justify-content:center;color:#ff6b6bf2;background:#fff}.edu-year{color:#6b7280;font-size:13px;margin-bottom:6px;margin-left:0}.edu-desc{color:#475569;margin-top:6px}.timeline{display:grid;gap:16px;position:relative;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 10px 30px #1018280f;padding-left:36px}.timeline:before{content:"";position:absolute;left:30px;top:38px;bottom:38px;width:3px;background:#ff6b6bf2;border-radius:3px}.timeline-item{background:#fff;padding:1.2rem;border-radius:12px;position:relative}.timeline-marker{position:absolute;left:6px;top:18px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid rgba(255,107,107,.95)}.timeline-date{font-size:13px;color:#9aa4b2;margin-bottom:6px}.timeline-item h3{margin:0 0 8px;color:#1f2740}.timeline-item p{margin:0;color:#475569}.timeline-toggle{text-align:center;margin-top:12px}.timeline-toggle .timeline-toggle-link{background:#fff;border:0;padding:0;color:#1f2740;text-decoration:underline;cursor:pointer;font-weight:600;color:#ff6b6b;text-decoration:none;font-weight:700}.timeline-toggle .timeline-toggle-link:focus{outline:2px solid rgba(99,102,241,.18);outline-offset:2px}.experience{overflow:visible}.experience .edu-card,.experience .timeline,.experience .timeline .timeline-item{opacity:1;transform:none}.experience .exp-left,.experience .exp-right{opacity:0;transform:translateY(36px);will-change:transform,opacity}.experience.animate .edu-card{animation:slide-up .7s cubic-bezier(.2,.9,.25,1) forwards}.experience.animate .timeline{animation:slide-up .7s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.12s}.experience.animate .timeline .timeline-item{animation:slide-up .64s cubic-bezier(.2,.9,.25,1) forwards}.experience.animate .timeline .timeline-item:nth-child(1){animation-delay:.18s}.experience.animate .timeline .timeline-item:nth-child(2){animation-delay:.26s}.experience.animate .timeline .timeline-item:nth-child(3){animation-delay:.34s}.experience.animate .timeline .timeline-item:nth-child(4){animation-delay:.42s}.experience.animate .timeline .timeline-item:nth-child(5){animation-delay:.5s}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}60%{opacity:1;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.experience.animate .exp-left{animation:slide-up .7s cubic-bezier(.2,.9,.25,1) forwards}.experience.animate .exp-right{animation:slide-up .7s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.14s}.experience .edu-card .edu-item{opacity:0;transform:translateY(18px)}.experience.animate .edu-card .edu-item{animation:slide-up .64s cubic-bezier(.2,.9,.25,1) forwards}.experience.animate .edu-card .edu-item:nth-child(1){animation-delay:.16s}.experience.animate .edu-card .edu-item:nth-child(2){animation-delay:.24s}.experience.animate .edu-card .edu-item:nth-child(3){animation-delay:.32s}.experience.animate .edu-card .edu-item:nth-child(4){animation-delay:.4s}.experience.animate .edu-card .edu-item:nth-child(5){animation-delay:.48s}.about{padding:3rem 0}.about-inner{display:grid;grid-template-columns:120px 1fr;gap:2rem;align-items:center;position:relative}.about-avatar img{width:96px;height:96px;border-radius:999px;display:block;transform:scaleX(-1)}.about-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 10px 30px #1018280f;color:#1f2740;display:grid;grid-template-columns:1fr 1fr}.about-inner{position:relative;overflow:visible}.about-avatar{position:relative;z-index:4;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.about-card{position:relative;z-index:5}.about-me:after{content:"What's up?!";position:absolute;right:40px;bottom:calc(100% + 12px);background:#111827f5;color:#fff;padding:6px 10px;border-radius:8px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;z-index:64;box-shadow:0 6px 18px #02061766;transition-delay:.5s}.about-inner:hover .about-me:after{opacity:1;transform:translateY(0)}@media (max-width:900px){.about-me:after{display:none}}.about-me{content:"";position:absolute;left:0;top:0;border-radius:12px;width:200px;height:100%;background-image:url(/jh-standing.png);background-repeat:no-repeat;background-size:auto 100%;background-position:center left;transform:translate(100%);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s ease;opacity:0;z-index:2;pointer-events:none}.about-inner:hover .about-avatar{transform:translate(-140%);opacity:0}.about-inner:hover .about-me{transform:translate(20%);opacity:1}@media (max-width:900px){.about-card:before{display:none}}.about-card p{margin:0 0 1rem;color:#374151}.btn.download{background:#ff6b6b;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;margin-top:20px}.about-skills{padding:0}.skill{margin-bottom:12px}.skill-meta{display:flex;justify-content:space-between;margin-bottom:6px}.skill-name{color:#374151}.skill-val{color:#6b7280}.skill-bar{background:#eef2f7;height:10px;border-radius:10px}.skill-fill{height:10px;border-radius:10px;transition:width .9s cubic-bezier(.2,.9,.3,1)}.about-stats{margin-top:1.75rem}.about .stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.about .stat{background:transparent;padding:1rem;border-radius:10px;text-align:center}.about .num{font-size:1.8rem;font-weight:800;color:#1f2740}.about .label{color:#6b7280}.about .stat .stat-icon{font-size:28px;color:#dedeea;margin-bottom:10px}.stats{padding:3rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:transparent}.stat{background:transparent;padding:1rem;border-radius:10px;text-align:center}.num{font-size:1.8rem;font-weight:800;color:#1f2740}.label{color:#6b7280}.contact{padding:3rem 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.contact-info h2{font-size:2rem;margin:0 0 8px;color:#1f2740}.contact-info h3{margin:0 0 10px;color:#1f2740;font-weight:700}.contact-note{color:#6b7280;margin-bottom:18px}.contact-note a{color:#ff6b6b;text-decoration:none;font-weight:700}.contact-art{display:block;height:342px;align-self:end;background:linear-gradient(180deg,#fff,#fbfbff);border-radius:12px;box-shadow:0 18px 40px #1018280a;background-image:url(/jh-sitting.png);background-position:center top;background-repeat:no-repeat;background-size:cover}.contact-art{position:relative}.contact-art:after{content:"Call me!";position:absolute;left:50%;top:-40px;transform:translate(-50%) translateY(6px);background:#111827f5;color:#fff;padding:6px 10px;border-radius:8px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:64;box-shadow:0 6px 18px #02061766;transition-delay:.5s}.contact-art:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width:900px){.contact-art:after{display:none}}.contact-art:before{content:"";position:absolute;top:0;left:-50%;width:60%;height:120%;background:linear-gradient(120deg,#fff0,#ffffffbf,#fff0);transform:skew(-18deg) translate(0);opacity:0;pointer-events:none;mix-blend-mode:screen}.contact.animate .contact-art:before{animation:glare-twice 2.4s cubic-bezier(.2,.9,.25,1) 0s 1 forwards;opacity:1}@keyframes glare-twice{0%{transform:skew(-18deg) translate(-120%);opacity:0}2%{opacity:.9}39.583%{transform:skew(-18deg) translate(220%);opacity:0}60.416%{transform:skew(-18deg) translate(220%);opacity:0}60.417%{transform:skew(-18deg) translate(-120%);opacity:0}62%{opacity:.9}to{transform:skew(-18deg) translate(220%);opacity:0}}.contact-form{display:block}.cf-row.cf-two{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.75rem}input,textarea{background:#fff;border:0;padding:14px 16px;border-radius:999px;color:#1f2740;box-shadow:0 12px 30px #1018280f;font-size:14px;width:100%;box-sizing:border-box}input.full{border-radius:18px;display:block;width:100%;margin-bottom:.75rem}textarea{min-height:160px;border-radius:18px;padding:18px}.contact-actions{margin-top:14px}.btn.primary{background:#ff6b6b;color:#fff;border:0;padding:10px 22px;border-radius:999px;font-weight:700}.site-footer{padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.02);margin-top:3rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}@media (max-width:900px){.hero{padding:4rem 0}.hero-center{padding:3rem 1rem}.hero-parallax{display:none!important}body{padding-left:12px;padding-right:12px}.work-filter-nav{display:none}.work-filters nav.work-filter-nav{display:none!important}.work-filter-select{display:block;width:100%;padding:10px 12px;border-radius:10px;border:0;background:#fff;box-shadow:0 8px 20px #1018280f;margin-bottom:12px;font-weight:700}.site-header,.hero{margin-left:-12px;margin-right:-12px;padding:0 10px}.services-grid,.exp-grid{grid-template-columns:1fr}.stats-grid,.about .stats-grid{grid-template-columns:repeat(2,1fr)}.nav,.contact-art{display:none}.contact-grid,.cf-row.cf-two{grid-template-columns:1fr}.modal{grid-template-columns:1fr;max-width:720px}.modal-main-image{height:260px}}@media (max-width:900px){.avatar-flip:before,.avatar-flip:after{display:none!important;opacity:0!important;pointer-events:none!important}}@media (max-width:900px){.about-avatar{display:none!important}.about-inner:hover .about-avatar{transform:none!important;opacity:1!important}}@media (max-width:900px){.hero-center{padding:2.4rem 1rem}.hero-avatar{width:72px;height:72px;border-width:6px}.hero-name{font-size:1.6rem}.hero-tag{font-size:14px}.works-grid{grid-template-columns:1fr;gap:12px}.works-grid .work-card{min-height:120px;padding:18px}.about-inner,.services-grid{grid-template-columns:1fr;gap:1rem}.footer-inner{flex-direction:column;gap:8px}.logo{height:36px}}@media (max-width:480px){.hero{padding:3rem 0}.hero-center{padding:2rem .6rem}body{padding-left:14px;padding-right:14px}.site-header,.hero{margin-left:-14px;margin-right:-14px;padding:0 10px}.hero-avatar{width:56px;height:56px;border-width:4px}.hero-name{font-size:1.3rem}.hero-tag{font-size:13px}.service-card{padding:1.25rem}input,textarea{padding:12px}.skill-fill{transition:width .7s}.social{width:34px;height:34px}.social-img{width:16px;height:16px}.stats-grid,.about .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){[data-tooltip]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-6px)}[data-tooltip]:before{bottom:auto;top:calc(100% + 4px)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{transform:translate(-50%) translateY(0)}}[data-tooltip]:focus:after,[data-tooltip]:focus:before{opacity:1;transform:translate(-50%) translateY(0)}@media (min-width:601px) and (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.work-filter-select{display:none!important}.work-filter-nav{display:flex!important;gap:12px}}@media (min-width:601px) and (max-width:1100px){.works-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}}