@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(90px);will-change:transform;transform-origin:50%;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#7c3aed47 0%,#0000 70%);width:680px;height:680px;top:-140px;left:-100px}.blob-2{background:radial-gradient(circle,#f59e0b38 0%,#0000 70%);width:580px;height:580px;top:36%;right:-150px}.blob-3{background:radial-gradient(circle,#ec489933 0%,#0000 70%);width:520px;height:520px;bottom:-110px;left:20%}.blob-4{background:radial-gradient(circle,#3b82f62e 0%,#0000 70%);width:420px;height:420px;top:20%;left:40%}.blob-5{background:radial-gradient(circle,#10b9812e 0%,#0000 70%);width:460px;height:460px;top:-70px;right:12%}.home-wrapper{background:0 0;flex-direction:column;gap:14px;min-height:100vh;padding:18px;display:flex;position:relative}.home-nav{background:var(--surface);border:var(--border-card);width:100%;max-width:1360px;box-shadow:var(--neumo-shadow-sm);z-index:2;border-radius:100px;justify-content:space-between;align-items:center;margin:0 auto;padding:6px 8px 6px 12px;display:flex;position:relative}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:800}.nav-dot{color:var(--accent)}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-dim);transition:background var(--transition), color var(--transition), border-color var(--transition);letter-spacing:.01em;border:1px solid #0000;border-radius:100px;padding:7px 16px;font-size:.75rem;font-weight:600}.nav-link:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.bento-grid{z-index:2;grid-template-columns:repeat(12,1fr);gap:16px;width:100%;max-width:1360px;margin:0 auto;display:grid;position:relative}.bento-card{border-radius:var(--radius);cursor:pointer;border:var(--border-card);background:var(--surface);box-shadow:var(--neumo-shadow);transition:box-shadow var(--transition), transform var(--transition), border-radius .55s cubic-bezier(.34, 1.56, .64, 1);transform-style:preserve-3d;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--neumo-shadow-hover);transform:translate(-1px,-1px)}.bento-card:active{box-shadow:var(--neumo-shadow-sm);transform:translate(1px,1px)}.bento-card:after{content:"";transform-origin:bottom;filter:blur(26px);opacity:0;pointer-events:none;z-index:1;mix-blend-mode:overlay;background:conic-gradient(from 200deg at 50% 100%,#7c3aeda6 0deg,#ec489980 75deg,#f59e0b59 150deg,#0000 215deg);border-radius:50%;width:140%;height:85%;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)scaleY(0)}.bento-card:before{content:"";aspect-ratio:1;transform-origin:50%;background:radial-gradient(circle, var(--accent) 0%, transparent 65%);opacity:0;pointer-events:none;z-index:2;mix-blend-mode:overlay;border-radius:50%;width:50%;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.bento-card:hover:after{opacity:1;transform:translate(-50%)scaleY(1.5)}.bento-card:not(.card-hero):hover{border-radius:26px 12px}.bento-card:active:before{opacity:.9;transform:translate(-50%,-50%)scale(4)}.bento-card:active:after{opacity:1;transform:translate(-50%)scaleY(1.1)scaleX(1.2)}.bento-card:active{border-radius:var(--radius)!important}.card-light,.card-dark{background:var(--surface)}.card-darker{background:linear-gradient(150deg, var(--surface) 50%, var(--surface-2) 100%)}.card-pink{background:linear-gradient(135deg, var(--surface) 35%, var(--surface-pink) 100%)}.card-projects-light{background:linear-gradient(150deg, var(--surface) 50%, var(--surface-2) 100%)}.card-connect-light,.card-status-light{background:var(--surface)}.card-arrow{background:var(--text-primary);border:1.5px solid var(--text-primary);width:28px;height:28px;color:var(--surface);transition:background var(--transition), border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:18px;right:18px}.bento-card:hover .card-arrow{background:var(--accent);border-color:var(--accent)}.card-hero{grid-area:1/4/3/10;min-height:500px;background:linear-gradient(145deg,#5b21b6 0%,#7c3aed 45%,#a855f7 75%,#db2777 100%)!important;border-color:#3b0764!important;box-shadow:5px 5px #3b0764!important}.card-hero:hover{transform:translate(-1px,-1px);box-shadow:7px 7px #3b0764!important}.card-hero .hero-name{color:#fff}.card-hero .hero-role{color:#fff0ffd1}.card-hero .hero-tagline{color:#fff0ffc2}.card-hero .hero-location{color:#fff0ff9e}.card-hero .hero-avatar{border-color:#fff9}.card-hero .hero-avatar-ring{border-color:#ffffff73;animation:14s linear infinite spin}.card-hero .hero-status-dot{border-color:#7c3aed}.card-hero .hero-btn-primary{color:#4c1d95;background:#fff;border-color:#fff}.card-hero .hero-btn-primary:hover{color:#3b0764;background:#f5f3ff;border-color:#f5f3ff;transform:translateY(-1px)}.card-hero .hero-btn-secondary{color:#ffffffe6;background:0 0;border-color:#ffffff59}.card-hero .hero-btn-secondary:hover{color:#fff;background:#ffffff1f;border-color:#fff9}.card-hero .hero-shimmer{background:linear-gradient(105deg,#0000 30%,#fff3 50%,#0000 70%)}[data-theme=dark] .card-hero{background:linear-gradient(145deg,#3b0764 0%,#5b21b6 45%,#7c3aed 75%,#9d174d 100%)!important;border-color:#a78bfab3!important;box-shadow:5px 5px #a78bfaa6!important}[data-theme=dark] .card-hero:hover{box-shadow:7px 7px #a78bfabf!important}[data-theme=dark] .card-hero .hero-name{color:#fff}[data-theme=dark] .card-hero .hero-role{color:#fff0ffcc}[data-theme=dark] .card-hero .hero-tagline{color:#fff0ffbd}[data-theme=dark] .card-hero .hero-location{color:#fff0ff99}[data-theme=dark] .card-hero .hero-avatar{border-color:#ffffff8c}[data-theme=dark] .card-hero .hero-avatar-ring{border-color:#fff6;box-shadow:0 0 16px #a78bfa4d}[data-theme=dark] .card-hero .hero-btn-primary{color:#3b0764;background:#fff;border-color:#fff}[data-theme=dark] .card-hero .hero-btn-primary:hover{color:#1a0a2e;background:#f5f3ff;border-color:#f5f3ff}[data-theme=dark] .card-hero .hero-btn-secondary{color:#ffffffe0;background:0 0;border-color:#ffffff4d}[data-theme=dark] .card-hero .hero-btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff8c}.card-about{grid-area:1/1/2/4}.card-experience{grid-area:2/1/3/4}.card-tech{grid-area:1/10/2/13}.card-projects{grid-area:2/10/3/13}.card-education{grid-area:3/1/4/4}.card-connect{grid-area:3/4/4/7}.card-achievements{grid-area:3/7/4/10}.card-social{grid-area:3/10/4/13}.card-freelance{grid-area:4/1/5/7}.card-status{grid-area:4/7/5/13}.hero-shimmer{pointer-events:none;z-index:10;opacity:0;background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);position:absolute;inset:0;transform:skew(-15deg)translate(-130%)}.hero-inner{text-align:center;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;padding:10px 0;display:flex}.hero-avatar-wrap{flex-shrink:0;width:100px;height:100px;position:relative}.hero-avatar{object-fit:cover;border:2.5px solid var(--text-primary);z-index:2;border-radius:50%;width:100px;height:100px;display:block;position:relative}.hero-avatar-ring{z-index:1;border:1.5px dashed #ffffff80;border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:-7px}@keyframes spin{to{transform:rotate(360deg)}}.hero-status-dot{z-index:3;background:#22c55e;border:2px solid #7c3aed;border-radius:50%;width:12px;height:12px;position:absolute;bottom:3px;right:3px}.hero-text-block{flex-direction:column;gap:5px;display:flex}.hero-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1}.hero-role{color:var(--text-dim);letter-spacing:.01em;font-size:.83rem}.hero-tagline{color:var(--text-secondary);max-width:320px;font-size:.84rem;line-height:1.65}.hero-btns{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.hero-btn{font-size:.78rem;font-weight:600;font-family:var(--font-body);transition:all var(--transition);letter-spacing:.01em;cursor:pointer;border-radius:100px;align-items:center;gap:7px;padding:9px 20px;display:inline-flex}.hero-btn-primary{background:var(--text-primary);color:var(--surface);border:2px solid var(--text-primary);text-decoration:none}.hero-btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--surface);transform:translateY(-1px)}.hero-btn-secondary{color:var(--text-primary);background:0 0;border:2px solid #1a0a2e4d}.hero-btn-secondary:hover{border-color:var(--accent-border);color:var(--accent);background:#1a0a2e0d}.hero-location{color:var(--text-dim);align-items:center;gap:5px;font-size:.72rem;display:flex}.about-card-title{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:8px;padding-right:30px;font-size:.95rem;font-weight:700;line-height:1.3}.about-card-text{color:var(--text-secondary);padding-right:30px;font-size:.8rem;line-height:1.65}.exp-years{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);margin-bottom:4px;font-size:3.2rem;font-weight:800;line-height:1}.exp-counter{display:inline}.exp-yrs-suffix{color:var(--accent);margin-left:2px;font-size:1.3rem}.exp-label{color:var(--text-dim);margin-bottom:12px;font-size:.77rem}.exp-company-row{align-items:center;gap:7px;margin-top:auto;display:flex}.exp-company-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.exp-company-name{color:var(--text-secondary);font-size:.75rem;font-weight:500}.tech-grid{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tech-tag{background:var(--surface-2);white-space:nowrap;color:var(--text-primary);transition:background var(--transition), border-color var(--transition);border:1.5px solid #1a0a2e2e;border-radius:100px;align-items:center;padding:3px 10px;font-size:.67rem;font-weight:600;display:inline-flex}.tech-tag:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-text)}.tech-tag-accent{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}.tech-tag-more{color:var(--text-dim);border-style:dashed}.projects-count{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);margin-bottom:4px;font-size:3.2rem;font-weight:800;line-height:1}.proj-counter{display:inline}.proj-plus{color:var(--accent);vertical-align:top;margin-top:4px;font-size:2rem;display:inline-block}.projects-label{color:var(--text-dim);margin-bottom:12px;font-size:.77rem}.projects-dots{gap:5px;margin-top:auto;padding-bottom:36px;display:flex}.proj-dot{width:6px;height:6px;transition:all var(--transition);background:#1a0a2e26;border-radius:50%}.proj-dot.active{background:var(--accent);border-radius:3px;width:18px}.edu-degree{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:4px;font-size:1rem;font-weight:700}.edu-school{color:var(--text-secondary);margin-bottom:10px;padding-right:28px;font-size:.78rem;line-height:1.5}.connect-icon-wrap{background:var(--accent-dim);border:1.5px solid var(--accent-border);width:40px;height:40px;color:var(--accent);border-radius:11px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.connect-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;font-size:1rem;font-weight:700}.connect-cta{color:var(--text-dim);padding-right:28px;font-size:.79rem;line-height:1.55}.cert-grid{flex-direction:column;gap:6px;margin-top:4px;padding-right:30px;display:flex}.cert-tag{background:var(--surface-2);color:var(--text-secondary);white-space:normal;transition:background var(--transition), border-color var(--transition);border:1.5px solid #1a0a2e1f;border-radius:8px;align-items:center;padding:4px 11px;font-size:.72rem;font-weight:500;line-height:1.4;display:inline-flex}.cert-tag:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-text)}.social-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.social-item{border-radius:var(--radius-xs);background:var(--surface-2);transition:background var(--transition), border-color var(--transition);cursor:pointer;border:1.5px solid #1a0a2e29;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;font-weight:600;display:flex}.social-item:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.freelance-inner{flex-direction:column;justify-content:space-between;height:100%;display:flex}.freelance-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin:6px 0;font-size:1.2rem;font-weight:800}.freelance-subtitle{color:var(--text-secondary);max-width:300px;font-size:.79rem;line-height:1.6}.freelance-tags{flex-wrap:wrap;gap:6px;margin-top:14px;padding-bottom:6px;display:flex}.freelance-tag{background:var(--accent-dim);border:1.5px solid var(--accent-border);color:var(--accent-text);white-space:nowrap;border-radius:100px;align-items:center;padding:4px 11px;font-size:.67rem;font-weight:600;display:inline-flex}.status-badge{letter-spacing:.06em;text-transform:uppercase;color:#065f46;align-items:center;gap:7px;margin-bottom:12px;font-size:.68rem;font-weight:700;display:inline-flex}.status-pulse{background:var(--green-ok);border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}.status-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;margin-bottom:6px;font-size:1rem;font-weight:700}.status-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.6}.status-sparkle{color:var(--accent);vertical-align:middle;margin-right:6px;display:inline}.status-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}@media (width<=900px){.bento-grid{flex-direction:column;gap:10px;display:flex}.bento-card{transition:transform var(--transition), box-shadow var(--transition);min-height:unset!important}.bento-card:hover{transform:translate(-2px,-2px)}.bento-card:active{transform:translate(0)}.bento-card:hover .card-arrow{transform:translate(2px,-2px)scale(1.1)}.home-nav{border-radius:var(--radius)}}[data-theme=dark] .bento-card:after{mix-blend-mode:screen;background:conic-gradient(from 200deg at 50% 100%,#a78bfabf 0deg,#f472b694 75deg,#fcd34d6b 150deg,#0000 215deg)}[data-theme=dark] .bento-card:before{background:radial-gradient(circle,#a78bfae6 0%,#0000 65%)}.card-hero:after{mix-blend-mode:overlay;background:conic-gradient(from 200deg at 50% 100%,#ffffff80 0deg,#ffb4ff61 75deg,#ffe69647 150deg,#0000 215deg)}.card-hero:before{background:radial-gradient(circle,#fff9 0%,#0000 65%)}[data-theme=dark] .blob-1{background:radial-gradient(circle,#a78bfa38 0%,#0000 72%)}[data-theme=dark] .blob-2{background:radial-gradient(circle,#fcd34d1f 0%,#0000 72%)}[data-theme=dark] .blob-3{background:radial-gradient(circle,#f472b629 0%,#0000 72%)}[data-theme=dark] .blob-4{background:radial-gradient(circle,#60a5fa1f 0%,#0000 72%)}[data-theme=dark] .blob-5{background:radial-gradient(circle,#34d3991f 0%,#0000 72%)}[data-theme=dark] .home-wrapper{background:0 0}[data-theme=dark] .home-nav{background:var(--surface);border-color:var(--border-card);box-shadow:var(--neumo-shadow-sm)}[data-theme=dark] .nav-link{color:var(--text-dim)}[data-theme=dark] .nav-link:hover{color:var(--accent);background:var(--accent-dim)}[data-theme=dark] .nav-logo{color:var(--text-primary)}[data-theme=dark] .nav-dot{color:var(--accent)}[data-theme=dark] .bento-card{background:var(--surface);border-color:var(--border-card);box-shadow:var(--neumo-shadow)}[data-theme=dark] .bento-card:hover{box-shadow:var(--neumo-shadow-hover)}[data-theme=dark] .bento-card:active{box-shadow:var(--neumo-shadow-sm)}[data-theme=dark] .card-light,[data-theme=dark] .card-dark,[data-theme=dark] .card-connect-light,[data-theme=dark] .card-status-light{background:var(--surface)}[data-theme=dark] .card-darker,[data-theme=dark] .card-projects-light{background:linear-gradient(150deg, var(--surface) 50%, var(--surface-2) 100%)}[data-theme=dark] .card-pink{background:linear-gradient(135deg, var(--surface) 40%, #a78bfa1a 100%)}[data-theme=dark] .card-arrow{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}[data-theme=dark] .bento-card:hover .card-arrow{background:var(--accent);border-color:var(--accent);color:#0a0618}[data-theme=dark] .hero-shimmer{background:linear-gradient(105deg,#0000 30%,#ffffff26 50%,#0000 70%)}[data-theme=dark] .hero-status-dot{background:#34d399;box-shadow:0 0 8px #34d399b3}[data-theme=dark] .exp-years{color:var(--accent)}[data-theme=dark] .exp-company-dot{background:var(--accent)}[data-theme=dark] .projects-count{color:var(--accent)}[data-theme=dark] .proj-dot{background:#a78bfa2e}[data-theme=dark] .proj-dot.active{background:var(--accent)}[data-theme=dark] .connect-icon-wrap{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}[data-theme=dark] .freelance-tag{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}[data-theme=dark] .status-pulse{background:var(--green-ok);box-shadow:0 0 8px #34d39999}[data-theme=dark] .status-badge{color:var(--green-ok)}[data-theme=dark] .social-item{background:#a78bfa0d;border-color:#a78bfa2e}[data-theme=dark] .social-item:hover{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}[data-theme=dark] .cert-tag{color:var(--text-secondary);background:#a78bfa0f;border-color:#a78bfa2e}[data-theme=dark] .cert-tag:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-text)}[data-theme=dark] .tech-tag{color:var(--text-secondary);background:#a78bfa0f;border-color:#a78bfa2e}[data-theme=dark] .tech-tag-accent{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}[data-theme=dark] .tech-tag-more{color:var(--text-dim)}.inner-page{max-width:1160px;margin:0 auto;padding:28px 22px 60px}.inner-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.inner-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.back-btn{background:var(--surface);border:var(--border-card);width:36px;height:36px;color:var(--text-primary);box-shadow:var(--neumo-shadow-sm);transition:background var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.back-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--neumo-shadow);transform:translate(-1px,-1px)}.card-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:.61rem;font-weight:700;display:block}.card-label-light{color:var(--text-dim)!important}.inner-card{border:var(--border-card);border-radius:var(--radius);background:var(--surface);box-shadow:var(--neumo-shadow);transition:box-shadow var(--transition), transform var(--transition);margin-bottom:12px;padding:26px}.inner-card:last-child{margin-bottom:0}.inner-card:hover{box-shadow:var(--neumo-shadow-hover);transform:translate(-1px,-1px)}.inner-card-light{background:var(--surface-2);border-color:var(--border-card);color:var(--text-primary)}.inner-card-warm{background:var(--surface-warm);border:var(--border-card);color:var(--text-primary)}.inner-card-accent{background:var(--surface-2);border:var(--border-card);color:var(--text-primary)}.exp-timeline{flex-direction:column;display:flex}.exp-item{grid-template-columns:140px 20px 1fr;padding-bottom:36px;display:grid;position:relative}.exp-item:last-child{padding-bottom:0}.exp-time{text-align:right;padding-top:2px;padding-right:16px}.exp-time-period{color:var(--text-dim);font-size:.78rem;line-height:1.5}.exp-time-duration{color:var(--text-dim);opacity:.6;margin-top:3px;font-size:.7rem}.exp-dot-col{flex-direction:column;align-items:center;padding-top:4px;display:flex}.exp-dot{background:var(--text-primary);border:1.5px solid var(--text-primary);z-index:1;border-radius:50%;flex-shrink:0;width:9px;height:9px}.exp-dot-col:after{content:"";background:#1a0a2e26;flex:1;width:1.5px;margin-top:6px;display:block}.exp-item:last-child .exp-dot-col:after{display:none}.exp-content{padding-top:0;padding-left:18px}.exp-company-title{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:2px;font-size:1rem;font-weight:700}.exp-role-text{color:var(--text-dim);margin-bottom:10px;font-size:.78rem}.exp-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.82rem;line-height:1.68}.exp-highlights{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.exp-highlight-item{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.81rem;line-height:1.58;display:flex}.exp-bullet{color:var(--accent);flex-shrink:0;margin-top:5px;font-size:.5rem}.exp-stack{flex-wrap:wrap;gap:6px;display:flex}.projects-bento{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{border:var(--border-card);border-radius:var(--radius);background:var(--surface);box-shadow:var(--neumo-shadow);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--neumo-shadow-hover);transform:translate(-2px,-2px)}.project-card-header{align-items:center;gap:8px;display:flex}.project-type-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-dim);border:1.5px solid var(--accent-border);border-radius:100px;padding:3px 10px;font-size:.62rem;font-weight:700}.project-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:.98rem;font-weight:700;line-height:1.25}.project-desc{color:var(--text-secondary);flex:1;font-size:.8rem;line-height:1.68}.project-highlights{flex-direction:column;gap:5px;display:flex}.project-highlight{color:var(--text-secondary);align-items:flex-start;gap:7px;font-size:.77rem;line-height:1.5;display:flex}.project-highlight-icon{color:var(--accent);flex-shrink:0;margin-top:1px}.project-stack{flex-wrap:wrap;gap:5px;display:flex}.project-links{gap:8px;margin-top:auto;padding-top:4px;display:flex}.project-link-btn{cursor:pointer;font-size:.74rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;transition:all var(--transition);border-radius:100px;align-items:center;gap:5px;padding:6px 14px;display:inline-flex}.project-link-primary{background:var(--text-primary);color:var(--surface);border:2px solid var(--text-primary)}.project-link-primary:hover{background:var(--accent);border-color:var(--accent)}.project-link-secondary{color:var(--text-primary);background:0 0;border:2px solid #1a0a2e38}.project-link-secondary:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.contact-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form-wrap{flex-direction:column;display:flex}.form-field{flex-direction:column;gap:5px;margin-bottom:13px;display:flex}.form-label{color:var(--text-dim);font-size:.73rem;font-weight:600}.form-input{border:var(--border-card);border-radius:var(--radius-xs);width:100%;font-size:.83rem;font-family:var(--font-body);background:var(--surface);color:var(--text-primary);box-shadow:var(--neumo-shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);outline:none;padding:9px 13px}.form-input:focus{border-color:var(--accent);box-shadow:4px 4px 0px var(--accent)}.form-input::placeholder{color:var(--text-dim)}.form-textarea{border:var(--border-card);border-radius:var(--radius-xs);width:100%;font-size:.83rem;font-family:var(--font-body);background:var(--surface);color:var(--text-primary);resize:vertical;min-height:120px;box-shadow:var(--neumo-shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);outline:none;padding:9px 13px}.form-textarea:focus{border-color:var(--accent);box-shadow:4px 4px 0px var(--accent)}.form-textarea::placeholder{color:var(--text-dim)}.form-submit{background:var(--text-primary);color:var(--surface);border:2px solid var(--text-primary);font-size:.82rem;font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;box-shadow:var(--neumo-shadow-sm);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:100px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 22px;font-weight:700;display:inline-flex}.form-submit:hover{background:var(--accent);border-color:var(--accent);box-shadow:var(--neumo-shadow);transform:translate(-1px,-1px)}.contact-info-section{flex-direction:column;gap:8px;display:flex}.contact-info-item{border-radius:var(--radius-xs);background:var(--surface);border:var(--border-card);box-shadow:var(--neumo-shadow-sm);align-items:center;gap:12px;padding:11px 13px;display:flex}.contact-info-icon{background:var(--accent-dim);border:1.5px solid var(--accent-border);width:34px;height:34px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-label{color:var(--text-dim);letter-spacing:.02em;margin-bottom:2px;font-size:.67rem;font-weight:600}.contact-info-value{color:var(--text-primary);font-size:.83rem;font-weight:600}.contact-profiles-list{flex-direction:column;gap:7px;display:flex}.contact-profile-item{border-radius:var(--radius-xs);background:var(--surface);border:var(--border-card);box-shadow:var(--neumo-shadow-sm);color:var(--text-primary);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);align-items:center;gap:10px;padding:10px 13px;font-size:.82rem;font-weight:600;display:flex}.contact-profile-item:hover{background:var(--accent-dim);border-color:var(--accent-border);box-shadow:var(--neumo-shadow);color:var(--accent);transform:translate(-1px,-1px)}.about-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.about-intro-card{grid-column:1/3}.about-avatar-section{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.about-avatar{object-fit:cover;border:2.5px solid var(--text-primary);width:78px;height:78px;box-shadow:var(--neumo-shadow-sm);border-radius:50%;flex-shrink:0}.about-name-block{flex:1;min-width:180px}.about-big-name{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:3px;font-size:1.4rem;font-weight:800;line-height:1.1}.about-big-role{color:var(--text-dim);font-size:.8rem}.about-bio{color:var(--text-secondary);font-size:.84rem;line-height:1.75}.about-skills-title{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:16px;font-size:.95rem;font-weight:700}.skills-group{margin-bottom:14px}.skills-group:last-child{margin-bottom:0}.skills-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;font-size:.62rem;font-weight:700}.skills-tags{flex-wrap:wrap;gap:5px;display:flex}.about-explore-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:1.15rem;font-weight:700}.about-explore-desc{color:var(--text-secondary);margin-bottom:14px;font-size:.82rem;line-height:1.7}.about-explore-tags{flex-wrap:wrap;gap:6px;display:flex}.about-mindset-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:1.1rem;font-weight:700}.about-mindset-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.75}.ach-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ach-cert-card{border:var(--border-card);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--neumo-shadow-sm);transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:14px;padding:16px;display:flex}.ach-cert-card:hover{box-shadow:var(--neumo-shadow);transform:translate(-1px,-1px)}.ach-cert-icon{background:var(--accent-dim);border:1.5px solid var(--accent-border);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ach-cert-name{margin-bottom:2px;font-size:.83rem;font-weight:600;line-height:1.35}.edu-list{flex-direction:column;gap:12px;display:flex}.edu-card-item{border:var(--border-card);border-radius:var(--radius);background:var(--surface);box-shadow:var(--neumo-shadow);transition:transform var(--transition), box-shadow var(--transition);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.edu-card-item:hover{box-shadow:var(--neumo-shadow-hover);transform:translate(-2px,-2px)}.edu-card-school{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:3px;font-size:.98rem;font-weight:700}.edu-card-degree{color:var(--text-secondary);margin-bottom:2px;font-size:.82rem;font-weight:600}.edu-card-field{color:var(--text-dim);font-size:.78rem}.edu-card-period{color:var(--text-dim);white-space:nowrap;font-size:.76rem}.edu-status-badge{letter-spacing:.05em;border-radius:100px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-block}.edu-status-progress{background:var(--accent-dim);border:1.5px solid var(--accent-border);color:var(--accent-text)}.edu-status-done{color:#065f46;background:#10b98114;border:1.5px solid #10b9814d}.social-page-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.social-page-card{border:var(--border-card);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--neumo-shadow);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:14px;padding:18px 20px;display:flex}.social-page-card:hover{box-shadow:var(--neumo-shadow-hover);transform:translate(-2px,-2px)}.social-page-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.social-page-name{margin-bottom:2px;font-size:.88rem;font-weight:700}.social-page-handle{color:var(--text-dim);font-size:.72rem}.freelance-hero{flex-direction:column;gap:10px;display:flex}.freelance-big-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1.05}.freelance-big-sub{color:var(--text-secondary);max-width:480px;font-size:.84rem;line-height:1.7}.freelance-cta-btn{background:var(--text-primary);color:var(--surface);font-size:.82rem;font-family:var(--font-body);cursor:pointer;border:2px solid var(--text-primary);box-shadow:var(--neumo-shadow-sm);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:100px;align-self:flex-start;align-items:center;margin-top:6px;padding:10px 22px;font-weight:700;display:inline-flex}.freelance-cta-btn:hover{background:var(--accent);border-color:var(--accent);box-shadow:var(--neumo-shadow);transform:translate(-1px,-1px)}.freelance-services-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.freelance-service-item{border:var(--border-card);border-radius:var(--radius-xs);color:var(--text-secondary);background:var(--surface);box-shadow:var(--neumo-shadow-sm);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);align-items:center;gap:8px;padding:12px 14px;font-size:.8rem;font-weight:600;display:flex}.freelance-service-item:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text);box-shadow:var(--neumo-shadow);transform:translate(-1px,-1px)}@media (width<=768px){.inner-page{padding:18px 14px 40px}.projects-bento,.contact-grid,.about-grid{grid-template-columns:1fr}.about-intro-card{grid-column:1/2}.ach-grid,.social-page-grid{grid-template-columns:1fr}.freelance-services-grid{grid-template-columns:1fr 1fr}.exp-item{grid-template-columns:1px 1fr}.exp-time{display:none}.exp-dot-col{margin-left:-4px}.exp-content{padding-left:14px}}[data-theme=dark] .inner-title{color:var(--text-primary)}[data-theme=dark] .back-btn{background:var(--surface);border-color:var(--border-card);color:var(--text-secondary)}[data-theme=dark] .back-btn:hover{background:var(--accent);border-color:var(--accent);color:#0a0618}[data-theme=dark] .inner-card{background:var(--surface);border-color:var(--border-card)}[data-theme=dark] .inner-card-light{background:var(--surface-2)}[data-theme=dark] .inner-card-warm{background:var(--surface-warm)}[data-theme=dark] .card-label,[data-theme=dark] .card-label-light{color:var(--text-dim)}[data-theme=dark] .exp-dot{background:var(--accent);border-color:var(--accent)}[data-theme=dark] .exp-dot-col:after{background:#a78bfa33}[data-theme=dark] .exp-company-title{color:var(--text-primary)}[data-theme=dark] .exp-role-text,[data-theme=dark] .exp-bullet{color:var(--accent)}[data-theme=dark] .edu-card-item{border-color:var(--border-card);background:var(--surface)}[data-theme=dark] .edu-status-progress{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}[data-theme=dark] .edu-status-done{color:#6ee7b7;background:#34d3991a;border-color:#34d39959}[data-theme=dark] .project-card{background:var(--surface);border-color:var(--border-card)}[data-theme=dark] .project-type-badge{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}[data-theme=dark] .project-highlight-icon{color:var(--accent)}[data-theme=dark] .project-link-primary{background:var(--accent);border-color:var(--accent);color:#0a0618}[data-theme=dark] .project-link-primary:hover{background:#c4b5fd;border-color:#c4b5fd}[data-theme=dark] .project-link-secondary{border-color:var(--accent-border);color:var(--text-secondary)}[data-theme=dark] .project-link-secondary:hover{background:var(--accent-dim);color:var(--accent)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--surface-2);border-color:var(--border-card);color:var(--text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--accent);box-shadow:4px 4px #a78bfa80}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--text-dim)}[data-theme=dark] .form-submit{background:var(--accent);border-color:var(--accent);color:#0a0618}[data-theme=dark] .form-submit:hover{background:#c4b5fd;border-color:#c4b5fd}[data-theme=dark] .contact-info-item{border-color:var(--border-card);background:var(--surface)}[data-theme=dark] .contact-info-icon{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}[data-theme=dark] .contact-profile-item{border-color:var(--border-card);background:var(--surface);color:var(--text-secondary)}[data-theme=dark] .contact-profile-item:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}[data-theme=dark] .freelance-cta-btn{background:var(--accent);border-color:var(--accent);color:#0a0618}[data-theme=dark] .freelance-cta-btn:hover{background:#c4b5fd;border-color:#c4b5fd}[data-theme=dark] .freelance-service-item{border-color:var(--border-card);background:var(--surface);color:var(--text-secondary)}[data-theme=dark] .freelance-service-item:hover{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}[data-theme=dark] .social-page-card{background:var(--surface);border-color:var(--border-card)}.ach-cert-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ach-cert-card-link{border-radius:var(--radius-sm);border:var(--border-card);background:var(--surface);color:var(--text-primary);box-shadow:var(--neumo-shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition), transform .15s ease;cursor:pointer;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.ach-cert-card-link:not(.ach-cert-no-link):hover{border-color:var(--accent-border);box-shadow:var(--neumo-shadow);transform:translate(-2px,-2px)}.ach-cert-no-link{cursor:default;opacity:.65}.ach-cert-icon-wrap{border-radius:var(--radius-xs);background:var(--accent-dim);width:40px;height:40px;color:var(--accent);border:1.5px solid var(--accent-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ach-cert-body{flex:1;min-width:0}.ach-cert-name{color:var(--text-primary);margin-bottom:3px;font-size:.84rem;font-weight:600;line-height:1.4}.ach-cert-issuer{color:var(--text-dim);font-size:.72rem}.ach-cert-ext{color:var(--text-dim);transition:color var(--transition);flex-shrink:0}.ach-cert-card-link:not(.ach-cert-no-link):hover .ach-cert-ext{color:var(--accent)}.ach-cert-no-url{letter-spacing:.05em;color:var(--text-dim);border:1px dashed;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:500}[data-theme=dark] .ach-cert-card-link{background:var(--surface);border-color:var(--border-card)}[data-theme=dark] .ach-cert-card-link:not(.ach-cert-no-link):hover{border-color:var(--accent-border)}[data-theme=dark] .ach-cert-icon-wrap{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.ts-bio-card{margin-bottom:14px}.ts-bio-inner{align-items:flex-start;gap:18px;display:flex}.ts-bio-avatar{object-fit:cover;border:2px solid var(--text-primary);width:64px;height:64px;box-shadow:var(--neumo-shadow-sm);border-radius:50%;flex-shrink:0}.ts-bio-text{flex:1;min-width:0}.ts-bio-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:3px;font-size:1.15rem;font-weight:700}.ts-bio-role{color:var(--accent);margin-bottom:5px;font-size:.8rem;font-weight:500}.ts-bio-location{color:var(--text-dim);align-items:center;gap:4px;margin-bottom:10px;font-size:.74rem;display:flex}.ts-bio-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.7}.ts-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=600px){.ts-grid{grid-template-columns:1fr}.ts-bio-inner{text-align:center;flex-direction:column;align-items:center}.ts-bio-location{justify-content:center}}.ts-category-card{flex-direction:column;gap:12px;display:flex}.ts-category-header{align-items:center;gap:7px;display:flex}.ts-category-icon{background:var(--accent-dim);width:26px;height:26px;color:var(--accent);border:1px solid var(--accent-border);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ts-category-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:700}.ts-skills-list{flex-wrap:wrap;gap:7px;display:flex}.ts-skill-chip{border:var(--border-dim);background:var(--surface-2);color:var(--text-secondary);transition:border-color var(--transition), background var(--transition), color var(--transition), transform .15s ease;cursor:default;border-radius:100px;align-items:center;gap:6px;padding:5px 11px;font-size:.75rem;font-weight:500;display:inline-flex}.ts-skill-chip:hover{border-color:var(--accent-border);background:var(--accent-dim);color:var(--text-primary);transform:translateY(-1px)}.ts-skill-icon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}[data-theme=dark] .ts-bio-avatar{border-color:var(--accent-border);box-shadow:3px 3px #a78bfa66}[data-theme=dark] .ts-skill-chip{color:var(--text-secondary);background:#a78bfa0f;border-color:#a78bfa29}[data-theme=dark] .ts-skill-chip:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-text)}[data-theme=dark] .ts-category-icon{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}:root{--bg:#fafaf7;--surface:#fff;--surface-2:#f2eeff;--surface-warm:#fff8ee;--surface-pink:#fff0f6;--text-primary:#1a0a2e;--text-secondary:#4a3270;--text-dim:#8372a0;--text-dark:#1a0a2e;--text-dark-secondary:#4a3270;--text-light:#fafaf7;--accent:#7c3aed;--accent-dim:#7c3aed1a;--accent-border:#7c3aed61;--accent-text:#4c1d95;--yellow:#f59e0b;--green-ok:#10b981;--border:1.5px solid #1a0a2e2e;--border-dim:1.5px solid #1a0a2e1a;--border-light:1.5px solid #fff3;--border-card:2px solid #1a0a2e;--radius:16px;--radius-sm:12px;--radius-xs:8px;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Figtree", sans-serif;--transition:.18s cubic-bezier(.4, 0, .2, 1);--neumo-shadow:4px 4px 0px #1a0a2e;--neumo-shadow-hover:6px 6px 0px #1a0a2e;--neumo-shadow-sm:2px 2px 0px #1a0a2e;--neumo-shadow-inset:inset 2px 2px 8px #1a0a2e1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{line-height:1.15}p{line-height:1.65}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;display:block}.grain{z-index:9999;pointer-events:none;opacity:0;position:fixed;inset:0}.tag{letter-spacing:.015em;white-space:nowrap;background:var(--surface);color:var(--text-primary);border:1.5px solid #1a0a2e33;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.69rem;font-weight:600;display:inline-flex}.tag-dark{background:var(--surface-2);color:var(--text-secondary);border-color:#1a0a2e2e}.tag-accent{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-text)}.tag-green{color:#065f46;background:#10b9811a;border-color:#10b98166}.tag-outline{color:var(--text-secondary);background:0 0;border:1.5px solid #1a0a2e33}.tag-green-soft{color:#065f46;background:#10b98114;border-color:#10b98159}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c3aed8c}[data-theme=dark]{--bg:#0a0618;--surface:#140c2a;--surface-2:#1c1235;--surface-warm:#160e28;--surface-pink:#1a0c2c;--text-primary:#f0ebff;--text-secondary:#c4b5fd;--text-dim:#7c6ab5;--text-dark:#f0ebff;--text-dark-secondary:#c4b5fd;--text-light:#f0ebff;--accent:#a78bfa;--accent-dim:#a78bfa21;--accent-border:#a78bfa6b;--accent-text:#ddd6fe;--yellow:#fcd34d;--green-ok:#34d399;--neumo-shadow:4px 4px 0px #a78bfa8c;--neumo-shadow-hover:6px 6px 0px #a78bfaa6;--neumo-shadow-sm:2px 2px 0px #a78bfa73;--neumo-shadow-inset:inset 2px 2px 8px #0000004d;--border:1.5px solid #a78bfa38;--border-dim:1.5px solid #a78bfa1f;--border-light:1.5px solid #a78bfa29;--border-card:1.5px solid #a78bfa80}[data-theme=dark] .tag-dark{color:var(--text-secondary);background:#a78bfa12;border-color:#a78bfa38}[data-theme=dark] .tag-accent{color:var(--accent-text);background:#a78bfa24;border-color:#a78bfa73}[data-theme=dark] .tag-outline{color:var(--text-secondary);border-color:#a78bfa40}[data-theme=dark] .tag-green-soft{color:#6ee7b7;background:#34d3991a;border-color:#34d39959}.theme-toggle{z-index:1000;border:var(--border-card);background:var(--surface);color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;box-shadow:var(--neumo-shadow-sm);transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform .15s ease;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;font-size:.72rem;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px}.theme-toggle:hover{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-border);box-shadow:var(--neumo-shadow);transform:translate(-1px,-1px)}[data-theme=dark] .theme-toggle{border-color:var(--border-card);box-shadow:var(--neumo-shadow-sm)}[data-theme=dark] .theme-toggle:hover{box-shadow:var(--neumo-shadow)}.bento-card,.inner-card,.project-card,.ach-cert-card-link,.edu-card-item,.social-page-card,.ts-skill-chip,.back-btn,.hero-btn,.nav-link,.theme-toggle{will-change:transform, opacity;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-avatar-ring,.status-pulse{animation:none!important}}.hero-avatar-ring{transform-origin:50%;will-change:transform;animation:16s linear infinite spin}.status-pulse{will-change:transform, opacity;animation:2.4s ease-in-out infinite pulse-opt}@keyframes pulse-opt{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}[data-framer-component-type],.page-transition-wrapper{transform-origin:top!important}body>#root>*>div[style*=opacity]{transform-origin:top}@media (width<=900px){.home-nav{box-sizing:border-box;border-radius:16px;flex-wrap:wrap;gap:8px;width:100%;padding:10px 12px;overflow:hidden}.nav-logo{flex-shrink:0;font-size:.95rem}.nav-links{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:2px;min-width:0}.nav-link{white-space:nowrap;padding:6px 10px;font-size:.7rem}}@media (width<=480px){.home-nav{text-align:center;justify-content:center;gap:10px;padding:10px 14px}.nav-logo{text-align:center;width:100%;font-size:1rem}.nav-links{justify-content:center;gap:4px;width:100%}.nav-link{padding:6px 12px;font-size:.72rem}}@media (width<=900px){.card-hero{padding:28px 20px;min-height:unset!important}.hero-inner{justify-content:flex-start;gap:20px;height:auto;padding:4px 0}.hero-avatar-wrap,.hero-avatar{width:86px;height:86px}.hero-name{font-size:1.75rem}.hero-role{margin-top:2px;font-size:.8rem}.hero-text-block{gap:4px}.hero-tagline{max-width:100%;font-size:.82rem;line-height:1.6}.hero-btns{justify-content:center;gap:8px;width:100%}.hero-btn{padding:10px 20px;font-size:.78rem}.hero-location{margin-top:0;font-size:.71rem}}@media (width<=480px){.hero-inner{gap:18px}.hero-btns{flex-direction:column;align-items:stretch}.hero-btn{justify-content:center;width:100%;padding:12px 20px;font-size:.8rem}.hero-name{font-size:1.6rem}}.skills-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;margin-top:18px;margin-bottom:10px;font-size:.7rem;font-weight:700;line-height:1;display:flex}.skills-group:first-child .skills-group-label{margin-top:0}.skills-group-label svg,.skills-group-label>span{vertical-align:middle;flex-shrink:0;align-items:center;line-height:1;display:flex}.skills-group{padding-bottom:4px}.skills-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag{vertical-align:middle;line-height:1.2}@media (width<=768px){.skills-group-label{gap:5px;margin-top:16px;font-size:.68rem}.skills-tags{gap:5px}.about-avatar-section{align-items:flex-start;gap:14px}.about-big-name{font-size:1.2rem}.about-big-role{font-size:.78rem}}@media (width<=600px){.inner-page>div[style*="grid-template-columns: repeat(2"]{flex-direction:column!important;gap:10px!important;display:flex!important}.ach-highlights-grid{grid-template-columns:1fr!important}}.bento-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.bento-card:hover{transform:translate(-2px,-2px)translateZ(0)}.bento-card:active{transform:translate(1px,1px)translateZ(0)}.project-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translate(-2px,-2px)translateZ(0)}.ach-cert-card-link{transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.ach-cert-card-link:not(.ach-cert-no-link):hover{transform:translate(-2px,-2px)translateZ(0)}.ts-skill-chip{transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.ts-skill-chip:hover{transform:translate(-1px,-1px)translateZ(0)}.back-btn{transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.back-btn:hover{transform:translate(-1px,-1px)translateZ(0)}.theme-toggle{transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{transform:translate(-1px,-1px)translateZ(0)}body,html{overflow-x:hidden}@media (width<=480px){.home-wrapper{gap:10px;padding:12px}.inner-page{padding:16px 12px 40px}.inner-header{margin-bottom:20px}.bento-card,.inner-card{padding:18px}}@media (width<=600px){.social-page-grid{grid-template-columns:1fr}}@media (width<=400px){.freelance-services-grid{grid-template-columns:1fr!important}}@media (width<=480px){.ts-bio-inner{text-align:center;flex-direction:column;align-items:center}.ts-bio-location{justify-content:center}.ts-grid{grid-template-columns:1fr}}@media (width<=600px){.exp-item{grid-template-columns:20px 1fr}.exp-content{min-width:0;padding-left:12px}.exp-stack{gap:4px}}@media (width<=640px){.contact-grid,.projects-bento{grid-template-columns:1fr}}