:root{--bg: #0d0d0f;--sidebar-bg: #131316;--card-bg: #1a1a1f;--text: #f0f0f0;--muted: #8a8a9a;--accent: #fa5252;--accent2: #ff8533;--accent-soft: rgba(250, 82, 82, .12);--accent-glow: rgba(250, 82, 82, .35);--accent-gradient: linear-gradient(135deg, #fa5252 0%, #ff8533 100%);--border: rgba(255, 255, 255, .07);--border-glow: rgba(250, 82, 82, .25);--glass-bg: rgba(26, 26, 31, .65);--glass-border: rgba(255, 255, 255, .09);--sidebar-width: 280px;--availability-text: #22c55e;--service-1: rgba(99, 102, 241, .15);--service-2: rgba(250, 82, 82, .15);--service-3: rgba(34, 197, 94, .15);--service-4: rgba(251, 146, 60, .15)}html[data-theme=light]{--bg: #f5f4f8;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text: #111111;--muted: #555566;--accent: #e03131;--accent2: #d4560a;--accent-soft: rgba(224, 49, 49, .1);--accent-glow: rgba(224, 49, 49, .2);--accent-gradient: linear-gradient(135deg, #e03131 0%, #d4560a 100%);--border: rgba(0, 0, 0, .1);--border-glow: rgba(224, 49, 49, .2);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .08);--availability-text: #15803d;--service-1: rgba(99, 102, 241, .08);--service-2: rgba(224, 49, 49, .08);--service-3: rgba(22, 163, 74, .08);--service-4: rgba(194, 65, 12, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Poppins,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding:36px 20px 24px;z-index:100;overflow-y:auto}.sidebar-avatar{position:relative;width:170px;height:180px;border-radius:16px;overflow:hidden;margin-bottom:18px;flex-shrink:0;transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.23,1,.32,1),box-shadow .45s cubic-bezier(.23,1,.32,1)}.sidebar-avatar-overlay{position:absolute;inset:0;z-index:2}.sidebar-avatar:hover{box-shadow:0 20px 40px #00000073,0 6px 12px #00000040,inset 0 1px #ffffff14}.sidebar-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.23,1,.32,1)}.sidebar-avatar:hover img{transform:scale(1.07)}.sidebar-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#333,#555);color:#fff;font-size:2rem;font-weight:700}.sidebar-name{font-size:1.15rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:8px;letter-spacing:.3px}.sidebar-role-badge{font-size:.72rem;color:var(--accent);background:var(--accent-soft);padding:4px 14px;border-radius:20px;margin-bottom:20px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;text-align:center}.sidebar-divider{width:100%;height:1px;background:var(--border);margin:12px 0}.sidebar-info{width:100%;margin-bottom:8px}.sidebar-info-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.sidebar-info-item:last-child{border-bottom:none}.sidebar-info-icon{width:32px;height:32px;background:var(--accent-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.sidebar-info-content{flex:1;min-width:0}.sidebar-info-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:1px}.sidebar-info-value{font-size:.8rem;color:var(--text);font-weight:500;word-break:break-word}.sidebar-info-value a{color:var(--text);text-decoration:none;transition:color .2s}.sidebar-info-value a:hover{color:var(--accent)}.sidebar-socials{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;justify-content:center}.sidebar-social-btn{width:36px;height:36px;border-radius:8px;background:var(--card-bg);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .25s ease,color .25s ease,box-shadow .25s ease,border-color .25s ease}.sidebar-social-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-5px) rotate(-10deg) scale(1.18)}.sidebar-social-btn:active{transform:translateY(-1px) rotate(0) scale(.92);transition:transform .1s ease}.sidebar-availability{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--availability-text);background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:6px 14px;width:100%;justify-content:center;letter-spacing:.3px;margin-bottom:16px}.sidebar-availability-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.sidebar-stack{width:100%;margin-bottom:4px}.sidebar-stack-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-weight:600}.sidebar-stack-tags{display:flex;flex-wrap:wrap;gap:6px}.sidebar-stack-tag{font-size:.7rem;font-weight:500;color:var(--accent);background:var(--accent-soft);border:1px solid transparent;border-radius:6px;padding:3px 9px;letter-spacing:.2px;transition:border-color .2s,transform .2s}.sidebar-stack-tag:hover{border-color:var(--accent);transform:translateY(-1px)}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:3px;margin-top:6px}.sidebar-nav-link{display:block;padding:9px 14px;color:var(--muted);text-decoration:none;font-size:.82rem;font-weight:500;border-radius:8px;transition:all .2s;border-left:2px solid transparent;letter-spacing:.3px}.sidebar-nav-link:hover,.sidebar-nav-link.active{color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:center}.sidebar-toggle{display:none;position:fixed;top:14px;left:14px;z-index:200;width:42px;height:42px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;align-items:center;justify-content:center;color:var(--text)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:90}.main-wrap{margin-left:var(--sidebar-width);flex:1;min-width:0;display:flex;flex-direction:column}.top-nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 48px 0 40px}.top-nav-links{display:flex;align-items:center;flex:1}.top-nav-links a{display:block;position:relative;padding:18px 14px;color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;transition:color .35s cubic-bezier(.4,0,.2,1);white-space:nowrap}.top-nav-links a:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.top-nav-links a:hover,.top-nav-links a.active{color:var(--accent)}.top-nav-links a:hover:after,.top-nav-links a.active:after{transform:scaleX(1)}.top-nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-left:16px}.section{padding:80px 60px}.section-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:48px;position:relative;display:inline-block;letter-spacing:-.3px}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:36px;height:3px;background:var(--accent);border-radius:2px}.hero-section{min-height:84vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-greeting{font-size:1rem;color:var(--muted);margin-bottom:14px;font-weight:400;letter-spacing:.3px}.hero-title{font-size:clamp(2.8rem,5vw,4.8rem);font-weight:800;line-height:1;color:var(--text);margin-bottom:20px;letter-spacing:-1px}.hero-title .accent{color:var(--accent)}.hero-typewriter{font-size:1.15rem;color:var(--muted);margin-bottom:24px;font-weight:400}.hero-typewriter .tw-word{color:var(--accent);font-weight:600}.hero-bio{font-size:.95rem;color:var(--muted);max-width:min(800px,100%);line-height:1.8;margin-bottom:36px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#fff;border:2px solid var(--accent);border-radius:6px;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;text-transform:uppercase;letter-spacing:1px;z-index:0}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translate(-120%);transition:transform .55s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.btn-primary:hover{transform:translateY(-3px) scale(1.04)}.btn-primary:hover:before{transform:translate(120%)}.btn-primary:active{transform:translateY(1px) scale(.96);transition:transform .1s ease}.btn-outline{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--text);border:2px solid var(--border);border-radius:6px;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,color .28s ease,border-color .28s ease;text-transform:uppercase;letter-spacing:1px;z-index:0}.btn-outline:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:-1}.btn-outline:hover{border-color:var(--accent);color:#fff;transform:translateY(-3px) scale(1.04)}.btn-outline:hover:before{transform:scaleX(1)}.btn-outline:active{transform:translateY(1px) scale(.96);box-shadow:none;transition:transform .1s ease}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:48px}.about-text{font-size:.92rem;line-height:1.85;color:var(--muted)}.about-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.about-info-item{display:flex;flex-direction:column;gap:3px}.about-info-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-weight:500}.about-info-value{font-size:.88rem;color:var(--text);font-weight:500}.skills-section{margin-top:48px}.skills-section-title{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:28px}.skills-category{margin-bottom:28px}.skills-category-label{font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-size:.8rem;color:var(--text);transition:all .2s;font-weight:400}.skill-tag:hover{border-color:var(--accent);color:var(--accent)}.skill-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.resume-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}.timeline-col-title{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:28px;display:flex;align-items:center;gap:10px}.timeline-col-title svg{color:var(--accent)}.timeline-item{position:relative;padding-left:26px;margin-bottom:32px}.timeline-item:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 0 3px var(--accent-soft),0 0 12px var(--accent-glow)}.timeline-item:after{content:"";position:absolute;left:4px;top:18px;width:2px;height:calc(100% + 12px);background:linear-gradient(to bottom,var(--accent),transparent)}.timeline-item:last-child:after{display:none}.timeline-badge{display:inline-block;font-size:.7rem;color:var(--accent);background:var(--accent-soft);padding:2px 10px;border-radius:20px;margin-bottom:8px;font-weight:500}.timeline-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:3px}.timeline-company{font-size:.82rem;color:var(--muted);margin-bottom:8px}.timeline-desc{font-size:.82rem;color:var(--muted);line-height:1.65}.timeline-desc ul{padding-left:18px;margin-top:4px}.timeline-desc li{margin-bottom:4px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .45s cubic-bezier(.23,1,.32,1),box-shadow .45s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;transform-style:preserve-3d;will-change:transform}.project-card:hover{transform:perspective(900px) rotateX(4deg) rotateY(-4deg) scale(1.045) translateZ(20px);border-color:var(--border-glow);box-shadow:0 0 0 1px var(--border-glow),0 24px 48px #00000061,0 8px 16px #00000038,0 0 60px #fa52520d}.project-card-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.23,1,.32,1)}.project-card:hover .project-card-img{transform:scale(1.07)}.project-card-img-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#fa525214,#fa525208);display:flex;align-items:center;justify-content:center;color:var(--muted);border-bottom:1px solid var(--border)}.project-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.project-card-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:8px}.project-card-desc{font-size:.82rem;color:var(--muted);line-height:1.65;margin-bottom:16px;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.project-tag{font-size:.7rem;padding:3px 10px;background:var(--accent-soft);color:var(--accent);border-radius:20px;font-weight:500}.project-card-link{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--accent);font-weight:500;transition:gap .2s}.project-card-link:hover{gap:8px;text-decoration:underline}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px}.contact-info-box{margin-top:26px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:28px;align-self:start}.contact-info-title{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:24px}.contact-info-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{width:40px;height:40px;background:var(--accent-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.contact-info-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.contact-info-value{font-size:.88rem;color:var(--text);font-weight:500}.contact-info-value a{color:var(--text);text-decoration:none;transition:color .2s}.contact-info-value a:hover{color:var(--accent)}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1 / -1}.form-label{font-size:.75rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-input{padding:11px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.88rem;font-family:inherit;transition:border-color .2s;outline:none}.form-input:focus{border-color:var(--accent)}.form-input::-moz-placeholder{color:var(--muted);opacity:.7}.form-input::placeholder{color:var(--muted);opacity:.7}textarea.form-input{resize:vertical;min-height:140px}.btn-submit{position:relative;overflow:hidden;grid-column:1 / -1;justify-self:start;padding:12px 28px;background:var(--accent);color:#fff;border:2px solid var(--accent);border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:inherit;z-index:0}.btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translate(-120%);transition:transform .55s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.btn-submit:hover{transform:translateY(-3px) scale(1.04)}.btn-submit:hover:before{transform:translate(120%)}.btn-submit:active{transform:translateY(1px) scale(.96);box-shadow:0 2px 8px #fa525240;transition:transform .1s ease,box-shadow .1s ease}.main-footer{text-align:center;padding:24px 48px;background:var(--sidebar-bg);border-top:1px solid var(--border);color:var(--muted);font-size:.78rem;margin-top:auto}.theme-toggle{background:var(--card-bg);border:1.5px solid var(--border);padding:8px 10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s ease,color .25s ease,box-shadow .25s ease;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.theme-toggle:hover{color:var(--accent);background:var(--accent-soft);transform:translateY(-2px) scale(1.08) rotate(12deg)}.theme-toggle:active{transform:scale(.92) rotate(0);box-shadow:none;transition:transform .1s ease}html[data-theme=light] .theme-toggle{box-shadow:0 1px 4px #00000014}.typewriter{display:inline-block}@media(max-width:1100px){.about-grid,.resume-cols{grid-template-columns:1fr}.section{padding:64px 40px}}@media(max-width:768px){:root{--sidebar-width: 0px}.sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px;z-index:110}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.main-wrap{margin-left:0;max-width:100vw;overflow-x:hidden}.sidebar-toggle{display:flex}.top-nav{padding:0 12px 0 64px}.top-nav-links{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.top-nav-links::-webkit-scrollbar{display:none}.top-nav-links a{padding:14px 8px;font-size:.68rem;letter-spacing:1px;white-space:nowrap}.top-nav-actions{padding-left:8px;flex-shrink:0}.section{padding:56px 20px}.hero-title{font-size:clamp(2rem,8vw,2.6rem)}.hero-stats{gap:12px;margin-top:36px}.hero-stat-card{flex:1 1 calc(50% - 6px);min-width:unset;padding:14px 16px}.hero-stat-number{font-size:1.5rem}.hero-blob-1{width:260px;height:260px}.hero-blob-2{width:200px;height:200px;right:40px}.hero-blob-3{display:none}.contact-grid,.contact-form-grid{grid-template-columns:1fr}.contact-form-grid .form-field{grid-column:1}.btn-submit{grid-column:1;width:100%;justify-content:center}.portfolio-grid{grid-template-columns:1fr}.about-info-grid{grid-template-columns:1fr 1fr}.main-footer{padding:20px 16px}}@media(max-width:480px){.section{padding:48px 16px}.section-title{font-size:1.6rem}.hero-title{font-size:clamp(1.8rem,9vw,2.2rem)}.hero-cta{flex-direction:column}.hero-cta .btn-primary,.hero-cta .btn-outline{width:100%;justify-content:center}.hero-stat-card{padding:12px 14px}.hero-stat-number{font-size:1.35rem}.hero-stat-label{font-size:.65rem}.about-info-grid{grid-template-columns:1fr}.service-card{padding:20px 16px}.sidebar-toggle{top:10px;left:10px;width:38px;height:38px}.top-nav{padding:0 8px 0 58px}.marquee-section{margin:0 -16px}}html[data-theme=light] body,html[data-theme=light] .hero-title{color:#111}html[data-theme=light] .hero-greeting,html[data-theme=light] .hero-bio,html[data-theme=light] .hero-typewriter{color:#444}html[data-theme=light] .section-title{color:#111}html[data-theme=light] .about-text,html[data-theme=light] .timeline-company,html[data-theme=light] .timeline-desc,html[data-theme=light] .project-card-desc{color:#444}html[data-theme=light] .timeline-title,html[data-theme=light] .project-card-title,html[data-theme=light] .sidebar-name{color:#111}html[data-theme=light] .sidebar-info-value{color:#222}html[data-theme=light] .sidebar-nav-link{color:#555}html[data-theme=light] .sidebar{box-shadow:2px 0 12px #0000000f}html[data-theme=light] .project-card,html[data-theme=light] .contact-info-box{box-shadow:0 2px 12px #00000012}html[data-theme=light] .form-input{background:#fff;border-color:#00000026;color:#111}html[data-theme=light] .form-input::-moz-placeholder{color:#888}html[data-theme=light] .form-input::placeholder{color:#888}html[data-theme=light] .skill-tag{color:#333;border-color:#00000026;background:#f8f8f8}html[data-theme=light] .top-nav{background:#f0f2f5f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-theme=light] .main-footer{color:#666;border-top-color:#0000001a}.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:blobFloat 12s ease-in-out infinite alternate}.hero-blob-1{width:420px;height:420px;background:radial-gradient(circle,#fa5252 0%,transparent 70%);top:-100px;right:-60px;animation-duration:14s}.hero-blob-2{width:320px;height:320px;background:radial-gradient(circle,#ff8533 0%,transparent 70%);bottom:60px;right:160px;animation-duration:10s;animation-delay:-4s}.hero-blob-3{width:220px;height:220px;background:radial-gradient(circle,#6366f1 0%,transparent 70%);top:40%;right:40%;animation-duration:16s;animation-delay:-7s;opacity:.1}@keyframes blobFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.95)}to{transform:translate(10px,-10px) scale(1.03)}}.hero-content{position:relative;z-index:1}.hero-stats{display:flex;gap:24px;margin-top:52px;flex-wrap:wrap}.hero-stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:18px 24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:130px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.hero-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .3s}.hero-stat-card:hover{border-color:var(--border-glow);box-shadow:0 8px 32px #fa525226}.hero-stat-card:hover:before{opacity:1}.hero-stat-number{font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px;letter-spacing:-1px}.hero-stat-label{font-size:.72rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.8px;line-height:1.3}.hero-ai-badge{display:inline-flex;align-items:center;gap:7px;background:#161836;border:1px solid rgba(99,102,241,.35);border-radius:20px;padding:5px 14px 5px 10px;font-size:.72rem;font-weight:600;color:#c7d2fe;margin-bottom:18px;letter-spacing:.4px}.hero-ai-badge svg{color:#a5b4fc}html[data-theme=light] .hero-ai-badge{color:#3730a3;background:#eef2ff;border-color:#6366f14d}html[data-theme=light] .hero-ai-badge svg{color:#4338ca}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}.service-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:border-color .35s,box-shadow .35s,transform .35s}.service-card:after{content:"";position:absolute;inset:0;border-radius:16px;opacity:0;transition:opacity .35s}.service-card-1{border-top:2px solid rgba(99,102,241,.4)}.service-card-2{border-top:2px solid rgba(250,82,82,.4)}.service-card-3{border-top:2px solid rgba(34,197,94,.4)}.service-card-4{border-top:2px solid rgba(251,146,60,.4)}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px #00000040}.service-card-1:hover{border-color:#6366f199;box-shadow:0 20px 48px #6366f11f}.service-card-2:hover{border-color:#fa525299;box-shadow:0 20px 48px #fa52521f}.service-card-3:hover{border-color:#22c55e99;box-shadow:0 20px 48px #22c55e1f}.service-card-4:hover{border-color:#fb923c99;box-shadow:0 20px 48px #fb923c1f}.service-icon-wrap{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative}.service-icon-1{background:#1a1c46;color:#a5b4fc}.service-icon-2{background:#3a1212;color:#fc8181}.service-icon-3{background:#0c3424;color:#6ee7b7}.service-icon-4{background:#3a1f00;color:#fbbf24}html[data-theme=light] .service-icon-1{background:#e0e7ff;color:#3730a3}html[data-theme=light] .service-icon-2{background:#fee2e2;color:#991b1b}html[data-theme=light] .service-icon-3{background:#d1fae5;color:#065f46}html[data-theme=light] .service-icon-4{background:#fef3c7;color:#92400e}.service-number{position:absolute;top:16px;right:20px;font-size:3.5rem;font-weight:900;opacity:.04;line-height:1;color:var(--text);pointer-events:none;letter-spacing:-3px}.service-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:10px;letter-spacing:-.2px}.service-desc{font-size:.83rem;color:var(--muted);line-height:1.7;margin-bottom:18px}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-tag{font-size:.68rem;padding:3px 9px;border-radius:6px;font-weight:500;letter-spacing:.2px}.service-tag-1{background:#181944;color:#a5b4fc}.service-tag-2{background:#350f0f;color:#fc8181}.service-tag-3{background:#0a2e1e;color:#6ee7b7}.service-tag-4{background:#351a00;color:#fbbf24}html[data-theme=light] .service-tag-1{background:#e0e7ff;color:#3730a3}html[data-theme=light] .service-tag-2{background:#fee2e2;color:#991b1b}html[data-theme=light] .service-tag-3{background:#d1fae5;color:#065f46}html[data-theme=light] .service-tag-4{background:#fef3c7;color:#92400e}@media(max-width:900px){.services-grid{grid-template-columns:1fr}}.skills-bento{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:8px}.skill-category-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .3s,box-shadow .3s}.skill-category-card:hover{border-color:var(--border-glow);box-shadow:0 4px 24px #fa525214}.skill-cat-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.skill-cat-icon{width:28px;height:28px;border-radius:7px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.skill-cat-name{font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.skill-chips{display:flex;flex-wrap:wrap;gap:7px}.skill-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--text);transition:all .25s cubic-bezier(.34,1.56,.64,1);cursor:default}.skill-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-2px) scale(1.04)}html[data-theme=light] .skill-chip{background:#f3f4f6;border-color:#0000001a}html[data-theme=light] .skill-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.proficiency-section{margin-top:48px}.proficiency-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:24px;display:flex;align-items:center;gap:10px}.proficiency-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}.proficiency-item{margin-bottom:4px}.proficiency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.proficiency-name{font-size:.82rem;color:var(--text);font-weight:500}.proficiency-pct{font-size:.75rem;font-weight:700;color:var(--accent)}.proficiency-track{height:5px;border-radius:10px;background:var(--border);overflow:hidden}.proficiency-fill{height:100%;border-radius:10px;background:var(--accent-gradient);transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.proficiency-fill.animate{transform:scaleX(1)}@media(max-width:768px){.proficiency-grid{grid-template-columns:1fr}.marquee-section{margin:0 -20px}}.marquee-section{padding:28px 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 -60px;position:relative}.marquee-section:before,.marquee-section:after{content:"";position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none}.marquee-section:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.marquee-section:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.marquee-track{display:flex;gap:32px;animation:marqueeScroll 58s linear infinite;width:-moz-max-content;width:max-content}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:0 8px;transition:color .2s}.marquee-item:hover{color:var(--accent)}.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--border);flex-shrink:0}.section-title-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title.gradient-title:after{background:var(--accent-gradient)}.project-card-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none}.project-card-img-wrap{position:relative;overflow:hidden}.timeline-clients{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;margin-top:-2px}.timeline-client-chip{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 10px;background:linear-gradient(135deg,#fa52521a,#ff85331a);border:1px solid rgba(250,82,82,.2);border-radius:20px;color:var(--accent);letter-spacing:.3px}.timeline-client-section{margin-top:10px;padding-top:8px}.timeline-client-section:first-of-type{margin-top:8px}.timeline-client-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.timeline-client-name{font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.2px}.timeline-client-label{font-size:.62rem;font-weight:600;padding:1px 7px;background:linear-gradient(135deg,#fa52521f,#ff85331f);border:1px solid rgba(250,82,82,.25);border-radius:20px;color:var(--accent);letter-spacing:.3px}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}.section-eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:var(--accent-gradient);border-radius:2px}.contact-socials{display:flex;gap:10px;margin-top:20px}.contact-social-link{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--border);border-radius:8px;font-size:.75rem;font-weight:600;color:var(--muted);background:var(--card-bg);text-decoration:none;transition:all .25s;letter-spacing:.3px}.contact-social-link:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.footer-content{display:flex;align-items:center;justify-content:space-between;max-width:100%;gap:16px;flex-wrap:wrap}.footer-brand{font-size:.78rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.footer-copy{font-size:.72rem;color:var(--muted)}.footer-built{font-size:.7rem;color:var(--muted);display:flex;align-items:center;gap:5px}.footer-built span{color:var(--accent)}html[data-theme=light] .hero-blob{opacity:.08}html[data-theme=light] .hero-stat-card{background:#ffffffd9;border-color:#0000001a;box-shadow:0 2px 12px #0000000f}html[data-theme=light] .service-card{box-shadow:0 2px 12px #0000000f}html[data-theme=light] .skill-category-card{box-shadow:0 2px 8px #0000000d}html[data-theme=light] .marquee-section:before{background:linear-gradient(to right,var(--bg),transparent)}html[data-theme=light] .marquee-section:after{background:linear-gradient(to left,var(--bg),transparent)}html[data-theme=light] .contact-social-link{background:#fff}