@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap");:root{--bg:#07080d;--panel:#0d1018;--panel-hover:#131724;--panel-border:#1d2438;--panel-border-glow:rgba(99,102,241,0.4);--line:#181e30;--text:#f8fafc;--muted:#94a3b8;--muted-dark:#64748b;--indigo:#6366f1;--indigo-light:#818cf8;--indigo-glow:rgba(99,102,241,0.35);--cyan:#06b6d4;--cyan-bright:#22d3ee;--cyan-glow:rgba(6,182,212,0.35);--violet:#8b5cf6;--lime:#06b6d4;--lime-dim:#0891b2;--lime-glow:rgba(6,182,212,0.35);--teal:#38bdf8;--teal-glow:rgba(56,189,248,0.3);--gradient-cyber:linear-gradient(135deg,#6366f1,#06b6d4);--gradient-glow:linear-gradient(135deg,#818cf8,#22d3ee);--mono:"DM Mono",monospace;--sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--display:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px;background-color:var(--bg)}section[id]{scroll-margin-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.028;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.portfolio-app-root{position:relative;z-index:1}.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}.nav-header{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:80;background:rgba(7,8,13,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.08);transition:border-color .3s ease}.nav{width:100%;max-width:100%;padding-inline:clamp(20px,4vw,56px);box-sizing:border-box;height:86px;display:flex;justify-content:space-between;position:relative}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;font:700 19px var(--display);letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#ffffff;width:32px;height:32px;border-radius:8px;font-size:21px;letter-spacing:-2px;box-shadow:0 4px 18px rgba(99,102,241,.45);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08)}.muted{color:var(--muted-dark)}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;color:#cbd5e1}.nav-links>a:not(.nav-cta){position:relative;transition:color .2s ease}.nav-item{display:inline-flex;align-items:center;gap:5px;position:relative;transition:color .25s ease;font-size:13px;color:#94a3b8;cursor:pointer;padding:4px 0}.nav-item:hover{color:#f1f5f9}.nav-item.active{color:#22d3ee;font-weight:600}.nav-arrow-active{color:#22d3ee;font-size:13px;font-weight:700;display:inline-block;line-height:1;text-shadow:0 0 10px rgba(6,182,212,.6)}.nav-controls-group{display:flex;align-items:center;gap:14px;margin-left:10px}.audio-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #1f273d;border-radius:6px;background:#0f121d;color:#94a3b8;font:10px var(--mono);letter-spacing:.8px;transition:all .2s ease}.audio-toggle-btn:hover{border-color:#06b6d4;color:#22d3ee}.audio-toggle-btn.active{border-color:rgba(6,182,212,.5);background:rgba(6,182,212,.1);color:#22d3ee}.sound-wave{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound-wave i{display:block;width:2px;background:#22d3ee;border-radius:1px;animation:wavePulse 1s ease-in-out infinite alternate}.sound-wave i:first-child{height:4px;animation-delay:.1s}.sound-wave i:nth-child(2){height:11px;animation-delay:.3s}.sound-wave i:nth-child(3){height:7px;animation-delay:.2s}.sound-wave i:nth-child(4){height:10px;animation-delay:.4s}@keyframes wavePulse{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.nav-cta{border:1px solid rgba(6,182,212,.4);background:rgba(6,182,212,.08);border-radius:6px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px;color:#22d3ee;font-weight:500;transition:all .25s cubic-bezier(.2,.8,.2,1)}.nav-cta:hover{background:linear-gradient(135deg,#6366f1,#06b6d4);border-color:transparent;color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(6,182,212,.4)}.menu-toggle{display:none;color:var(--text);padding:8px}.hero{min-height:auto;padding:40px 0 60px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:45px;gap:45px;position:relative}.availability{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;font:10px var(--mono);letter-spacing:1.4px;color:#94a3b8;background:rgba(15,18,28,.7);border:1px solid #1f273d;padding:6px 14px;border-radius:20px}.availability-dot{width:7px;height:7px;background:#06b6d4;border-radius:50%;box-shadow:0 0 14px #06b6d4;animation:blinkDot 2s ease-in-out infinite}@keyframes blinkDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero h1{font:700 clamp(44px,5.2vw,76px) /1.05 var(--display);letter-spacing:-4px;margin:0;text-wrap:balance}.gradient-text{background:linear-gradient(135deg,#818cf8,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 35px rgba(99,102,241,.35))}.serif-italic{font-family:Playfair Display,serif;font-weight:500;font-style:italic;letter-spacing:-1.5px;color:#38bdf8}.hero-description{font-size:16px;line-height:1.8;color:#94a3b8;max-width:480px;margin:24px 0 30px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:12px;border-radius:6px;padding:13px 20px;font-size:13px;font-weight:600;letter-spacing:-.2px;transition:all .25s cubic-bezier(.2,.8,.2,1);text-decoration:none}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#6366f1,#06b6d4);color:#ffffff;box-shadow:0 6px 24px rgba(99,102,241,.35)}.button-primary:hover{background:linear-gradient(135deg,#4f46e5,#0891b2);box-shadow:0 10px 32px rgba(6,182,212,.45)}.button-ghost{border:1px solid #232b42;color:#e2e8f0;background:rgba(15,18,28,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-ghost:hover{background:#181d2e;border-color:rgba(99,102,241,.5);color:#fff}.hero-socials{gap:15px;margin-top:36px;color:#8391a7;font-size:12px}.hero-socials,.hero-socials a{display:flex;align-items:center}.hero-socials a{gap:7px;transition:color .2s}.hero-socials a:hover{color:#22d3ee}.social-separator{color:#2a344f}.hero-badges-row{display:flex;gap:10px;margin-top:24px}.tech-badge-chip{display:inline-flex;align-items:center;gap:7px;background:#0f121d;border:1px solid #1f273d;border-radius:4px;padding:6px 11px;font:11px var(--mono);color:#cbd5e1}.hero-art-showcase{position:relative;display:flex;flex-direction:column;gap:16px;perspective:1200px}.hero-3d-scene-container{height:330px;width:100%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.12) 0,rgba(6,182,212,.05) 45%,rgba(13,16,24,.8) 85%);border:1px solid #20283e;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.7),inset 0 0 40px rgba(99,102,241,.08)}.hero-terminal-container{position:relative;z-index:5}.hero-index{position:absolute;left:0;bottom:20px;display:flex;align-items:center;gap:12px;color:#64748b;font:10px var(--mono);letter-spacing:1.2px}.hero-index>span:first-child{color:#22d3ee}.index-line{width:50px;height:1px;background:#2a344f}.floating-chip{position:absolute;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #27304a;background:rgba(14,18,28,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;font-size:11px;box-shadow:0 16px 35px rgba(0,0,0,.7);color:#f1f5f9;animation:floatChip 5s ease-in-out infinite alternate}.floating-chip svg{color:#22d3ee}.chip-top{top:-12px;right:-8px}.chip-bottom{bottom:30px;left:-15px;animation-delay:-2.5s}@keyframes floatChip{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-8px) rotate(1deg)}}.art-caption{display:flex;justify-content:space-between;padding:4px 6px;color:#64748b;font:9px var(--mono);letter-spacing:1px}.terminal-3d-wrapper{position:relative;transform:perspective(1000px) rotateX(4deg);transition:transform .3s ease}.terminal-3d-wrapper:hover{transform:perspective(1000px) rotateX(0deg) translateY(-2px)}.terminal-3d-window{background:#0c0e16;border:1px solid #20283e;border-radius:10px;box-shadow:0 25px 60px rgba(0,0,0,.75);overflow:hidden}.terminal-header{height:42px;background:#121622;border-bottom:1px solid #1b2234;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.terminal-dots{display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-tabs{display:flex;gap:4px}.term-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:4px;font:11px var(--mono);color:#8493a8;transition:all .2s ease}.term-tab:hover{color:#e2e8f0;background:rgba(255,255,255,.04)}.term-tab.active{color:#22d3ee;background:#181d2e;border:1px solid #2a344f}.terminal-actions{display:flex;align-items:center;gap:8px}.term-icon-btn{padding:5px 7px;color:#8493a8;border-radius:4px;transition:color .2s}.term-icon-btn:hover{color:#fff;background:#1d2336}.term-run-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#ffffff;border-radius:4px;font:600 11px var(--mono);transition:all .2s;box-shadow:0 2px 10px rgba(99,102,241,.3)}.term-run-btn:hover{background:linear-gradient(135deg,#4f46e5,#0891b2);transform:translateY(-1px)}.terminal-body{padding:16px 18px;font:12px/1.7 var(--mono);color:#e2e8f0;position:relative;min-height:175px}.code-block{margin:0;overflow-x:auto;font-family:inherit}.c-comment{color:#53627a;font-style:italic}.c-purple{color:#c084fc}.c-blue{color:#60a5fa}.c-yellow{color:#fde047}.c-green{color:#34d399}.c-lime{color:#22d3ee}.c-white{color:#f1f5f9}.bash-content{display:flex;flex-direction:column;gap:10px}.bash-help{display:flex;align-items:center;gap:8px;font-size:11px;color:#718096}.bash-help button{background:#141926;border:1px solid #252f48;color:#22d3ee;border-radius:3px;padding:3px 8px;font:10px var(--mono);transition:all .2s}.bash-help button:hover{background:#22d3ee;color:#07090e}.bash-logs{display:flex;flex-direction:column;gap:6px;margin-top:6px}.log-line{display:flex;align-items:flex-start;gap:8px}.log-prompt{color:#22d3ee;font-weight:700}.log-text{color:#cbd5e1}.terminal-status-bar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid #1c2234;font:10px var(--mono);color:#64748b}.status-indicator{display:flex;align-items:center;gap:6px;color:#22d3ee}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee}.status-info{display:flex;align-items:center;gap:5px;color:#818cf8}.ticker{overflow:hidden;border-block:1px solid #1a2032;background:#090b12}.ticker-track{display:flex;gap:50px;white-space:nowrap;min-width:max-content;padding:18px 0;animation:marqueeScroll 40s linear infinite}.ticker-track span{font:11px var(--mono);letter-spacing:1.6px;color:#8493a8}.ticker-track b{color:#22d3ee;font-size:14px;margin-left:45px;vertical-align:-1px}@keyframes marqueeScroll{to{transform:translateX(-50%)}}.section{padding-top:36px;padding-bottom:75px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.eyebrow{margin:0 0 16px;font:11px var(--mono);letter-spacing:1.4px;color:#8493a8}.eyebrow span{color:#22d3ee}h2{font:700 clamp(36px,4.3vw,56px) /1.1 var(--display);letter-spacing:-2.8px;margin:0}.section-aside{max-width:280px;color:#8493a8;font-size:13px;line-height:1.7;margin:0}.section-stats-wrap{padding:45px 0;border-block:1px solid #191f32;background:rgba(13,16,26,.45)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:40px}.stat-card{background:#0d1018;border:1px solid #1d2438;border-radius:8px;padding:26px 22px;transition:all .25s ease;position:relative;overflow:hidden}.stat-card:hover{border-color:rgba(99,102,241,.5);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.6),0 0 30px rgba(99,102,241,.12)}.stat-number-glow{margin-bottom:12px}.stat-val{font:700 clamp(32px,3.5vw,46px) var(--display);color:#22d3ee;letter-spacing:-2px;line-height:1;text-shadow:0 0 30px rgba(6,182,212,.4)}.stat-text-group{display:flex;flex-direction:column;gap:4px}.stat-main-label{font-size:14px;color:#f1f5f9;font-weight:600;letter-spacing:-.2px}.stat-sub-label{font-size:11px;color:#7b8ba2;line-height:1.5}.project-filter-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px}.filter-tab-pill{background:#0d111d;border:1px solid #1e263d;border-radius:9999px;padding:8px 18px;font:600 12px var(--mono);color:#94a3b8;cursor:pointer;transition:all .22s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-tab-pill:hover{border-color:#06b6d4;color:#ffffff;transform:translateY(-1px)}.filter-tab-pill.active{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(6,182,212,.22));border-color:#06b6d4;color:#22d3ee;box-shadow:0 0 18px rgba(6,182,212,.25)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:36px 32px;gap:36px 32px}@media (max-width:900px){.projects-grid{grid-template-columns:1fr;gap:28px}}.project-showcase-card{border-radius:12px;cursor:pointer}.project-card-wrapper{border:1px solid #1e263d;border-radius:12px;background:#0d111d;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.project-showcase-card:hover .project-card-wrapper{border-color:rgba(6,182,212,.6);box-shadow:0 25px 60px rgba(0,0,0,.75),0 0 35px rgba(6,182,212,.16)}.browser-preview-frame{position:relative;background:#111625;border-bottom:1px solid rgba(255,255,255,.06)}.browser-chrome-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#131929;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dots{display:flex;align-items:center;gap:6px}.browser-dots .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.browser-dots .dot-red{background:#ef4444}.browser-dots .dot-yellow{background:#f59e0b}.browser-dots .dot-green{background:#10b981}.browser-address-bar{display:inline-flex;align-items:center;gap:6px;background:#090c14;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px 12px;font:11px var(--mono);color:#94a3b8;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-icon{color:#06b6d4;flex-shrink:0}.address-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-live-status{display:inline-flex;align-items:center;gap:6px;font:600 10px var(--mono);color:#34d399}.live-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.browser-screen-viewport{position:relative;height:250px;overflow:hidden;background:#0a0d16}.browser-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block}.project-showcase-card:hover .browser-screenshot{transform:scale(1.04)}.screenshot-fallback{width:100%;height:100%;background:linear-gradient(135deg,#111827,#1f2937)}.browser-screen-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,22,.94) 0,rgba(10,13,22,.4) 60%,transparent);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;opacity:0;transition:opacity .25s ease;pointer-events:none}.project-showcase-card:hover .browser-screen-overlay{opacity:1;pointer-events:auto}.overlay-cta-group{display:flex;align-items:center;gap:10px}.overlay-live-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#06b6d4,#6366f1);color:#ffffff;font:600 12px var(--sans);padding:8px 16px;border-radius:20px;text-decoration:none;box-shadow:0 8px 20px rgba(6,182,212,.35);transition:transform .2s ease,box-shadow .2s ease}.overlay-live-btn:hover{transform:scale(1.04);box-shadow:0 10px 25px rgba(6,182,212,.5)}.overlay-case-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.2);color:#e2e8f0;font:500 12px var(--sans);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease}.overlay-case-btn:hover{background:rgba(30,41,59,.95);color:#ffffff;border-color:#06b6d4}.project-card-body{padding:24px 26px 22px;display:flex;flex-direction:column;gap:12px}.card-top-meta{display:flex;justify-content:space-between;align-items:center}.meta-left{display:inline-flex;align-items:center;gap:8px}.project-index-num{font:700 12px var(--mono);color:#64748b}.meta-sep{color:#334155;font:12px var(--mono)}.project-category-badge{font:700 10px var(--mono);padding:3px 9px;border-radius:4px;letter-spacing:.6px}.badge-wp{background:rgba(6,182,212,.12);color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.badge-react{background:rgba(99,102,241,.15);color:#a5b4fc;border:1px solid rgba(99,102,241,.35)}.meta-link-pill{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--mono);color:#94a3b8;text-decoration:none;padding:3px 9px;border-radius:4px;border:1px solid #1e263c;transition:all .2s ease}.meta-link-pill:hover{color:#22d3ee;border-color:#06b6d4;background:rgba(6,182,212,.1)}.project-heading-title{font:700 24px var(--display);color:#f8fafc;letter-spacing:-.6px;margin:0;line-height:1.25}.project-lead-desc{font-size:13.5px;line-height:1.65;color:#94a3b8;margin:0}.card-tech-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.tech-tag-chip{font:10px var(--mono);color:#cbd5e1;background:#131929;border:1px solid #202a42;border-radius:4px;padding:4px 10px}.card-footer-cta{margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.btn-open-case-study{display:inline-flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:0;cursor:pointer;color:#06b6d4;font:600 12px var(--sans);transition:color .2s ease}.btn-open-case-study:hover{color:#22d3ee}.btn-open-case-study svg{transition:transform .2s ease}.btn-open-case-study:hover svg{transform:translateX(4px)}.modal-hero-image-wrap{margin:16px 0 20px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);max-height:320px;background:#090c14}.modal-hero-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.section-3d-skills{padding-top:36px;padding-bottom:75px}.bento-skills-wrapper{display:flex;flex-direction:column;gap:32px;position:relative}.bento-filter-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:28px}.bento-filter-btn{padding:9px 18px;border:1px solid #1e253c;border-radius:999px;background:rgba(13,16,24,.85);color:#94a3b8;font-size:12.5px;font-family:var(--mono);letter-spacing:.3px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bento-filter-btn:hover{border-color:rgba(99,102,241,.5);color:#ffffff;transform:translateY(-1px)}.bento-filter-btn.active{background:rgba(99,102,241,.2);border-color:#6366f1;color:#c7d2fe;font-weight:700;box-shadow:0 0 20px rgba(99,102,241,.3)}.bento-category-spotlight{width:100%}.bento-spotlight-card{width:100%;border-radius:20px}.spotlight-inner{padding:42px 40px!important;background:linear-gradient(160deg,rgba(13,16,24,.95),rgba(18,24,40,.75))!important;border:1px solid rgba(99,102,241,.35)!important;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 35px rgba(99,102,241,.12)!important;border-radius:20px;display:flex;flex-direction:column}.spotlight-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.spotlight-title-group{display:flex;align-items:center;gap:18px;flex:1 1}.spotlight-icon-box{width:56px;height:56px;border-radius:14px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.spotlight-text-block{display:flex;flex-direction:column;gap:6px}.spotlight-desc-full{margin:0 0 32px;font-size:15px;line-height:1.7;color:#cbd5e1}.spotlight-skills-list{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}.spotlight-section-heading{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.spotlight-bars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:16px;gap:16px}.spotlight-bar-card{padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .22s ease}.spotlight-bar-card:hover{background:rgba(255,255,255,.05);border-color:rgba(99,102,241,.4);transform:translateY(-1px)}.spotlight-bar-header{display:flex;justify-content:space-between;align-items:center}.spotlight-bar-header .skill-name{font-size:15px;font-weight:600;color:#f8fafc}.skill-pct-badge{font-family:var(--mono);font-weight:700;font-size:14px}.skill-spec-text{font-size:12.5px;color:#94a3b8}.spotlight-track{width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:4px}.spotlight-fill-bar{height:100%;border-radius:999px}.spotlight-footer-row{justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}.spotlight-footer-row,.spotlight-tags-wrap{display:flex;align-items:center;flex-wrap:wrap}.spotlight-tags-wrap{gap:10px}.spotlight-tags-lbl{font-size:12px;font-family:var(--mono);color:var(--muted-dark);text-transform:uppercase;letter-spacing:.5px}.view-all-cats-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;transition:all .22s ease}.view-all-cats-btn:hover{background:rgba(99,102,241,.22);border-color:#818cf8;color:#ffffff;transform:translateY(-1px)}.all-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:28px;gap:28px;width:100%}.all-skills-card{border-radius:20px;cursor:pointer;overflow:hidden}.all-skills-inner{padding:30px 28px!important;background:rgba(13,16,24,.85)!important;border:1px solid var(--panel-border)!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;gap:0!important;transition:all .28s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important}.all-skills-card:hover .all-skills-inner{border-color:rgba(99,102,241,.5)!important;transform:translateY(-3px)!important;box-shadow:0 18px 45px rgba(0,0,0,.5),0 0 28px rgba(99,102,241,.14)!important}.card-top-action-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-top-action-row .bento-icon-wrapper{width:46px;height:46px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center}.bento-card-tag-sm{font-size:11px;font-family:var(--mono);font-weight:700;padding:4px 11px;border-radius:8px;border:1px solid;white-space:nowrap;letter-spacing:.3px}.card-titles-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.bento-card-title-sm{margin:0;font-size:19.5px;font-weight:700;color:#f8fafc;line-height:1.35;letter-spacing:-.3px}.all-card-desc{margin:0 0 22px;font-size:14px;line-height:1.65;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.all-card-bars{gap:16px;margin-bottom:22px;padding:18px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.all-card-bars,.mini-bar-row{display:flex;flex-direction:column}.mini-bar-row{gap:8px}.mini-bar-labels{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px}.mini-skill-name{color:#e2e8f0;font-weight:500}.mini-skill-pct{font-family:var(--mono);font-weight:700;font-size:13px}.mini-track{width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.mini-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px rgba(6,182,212,.3)}.all-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-top:2px}.cat-chip-count{display:inline-flex;align-items:center;font-family:var(--mono);color:#94a3b8;font-size:12px}.count-bullet{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:7px}.cat-explore-link{display:inline-flex;align-items:center;gap:5px;color:#818cf8;font-weight:600;font-size:13px;transition:all .2s ease}.all-skills-card:hover .cat-explore-link{gap:8px;color:#22d3ee}.bento-grid-container{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:24px;gap:24px}.bento-card{height:100%;border-radius:12px}.bento-inner{background:#0d1018;border:1px solid #1e253c;border-radius:12px;padding:28px;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.bento-card:hover .bento-inner{border-color:rgba(99,102,241,.5);box-shadow:0 20px 50px rgba(0,0,0,.7),0 0 35px rgba(99,102,241,.12)}.bento-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.bento-badge-group{display:flex;align-items:center;gap:14px}.bento-icon-wrapper{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.icon-cyan{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.35);color:#22d3ee}.icon-indigo{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);color:#818cf8}.icon-violet{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.35);color:#c084fc}.icon-teal{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.35);color:#38bdf8}.bento-card-category{font:9px var(--mono);letter-spacing:1.2px;color:#64748b;display:block}.bento-card-title{font:700 20px var(--display);letter-spacing:-.5px;color:#f8fafc;margin:3px 0 0}.bento-card-tag{font:9px var(--mono);letter-spacing:.8px;color:#94a3b8;background:#141928;border:1px solid #232b42;border-radius:4px;padding:4px 8px}.live-tag{color:#22d3ee;border-color:rgba(6,182,212,.4);background:rgba(6,182,212,.08);display:inline-flex;align-items:center;gap:6px}.live-radar-dot{width:6px;height:6px;border-radius:50%;background:#06b6d4;box-shadow:0 0 8px #06b6d4;animation:blinkDot 1.5s ease-in-out infinite}.bento-card-desc{color:#94a3b8;font-size:13px;line-height:1.7;margin:0 0 22px}.bento-bars-list{gap:14px;flex-grow:1}.bento-bar-item,.bento-bars-list{display:flex;flex-direction:column}.bento-bar-item{gap:6px}.bento-bar-label{display:flex;justify-content:space-between;font:11px var(--mono)}.skill-name{color:#e2e8f0;font-weight:500}.skill-spec{color:#64748b}.bento-progress-track{height:6px;background:#141928;border-radius:6px;overflow:hidden}.bento-progress-fill{height:100%;border-radius:6px;transition:width 1s ease-out}.fill-gradient-cyan{background:linear-gradient(90deg,#6366f1,#06b6d4);box-shadow:0 0 10px rgba(6,182,212,.5)}.bento-footer-meta{display:flex;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #1a2034}.meta-pill{display:inline-flex;align-items:center;gap:6px;font:10px var(--mono);color:#94a3b8;background:#111524;border:1px solid #20283e;border-radius:4px;padding:5px 9px}.creative-radar-visual{height:155px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.12) 0,rgba(6,182,212,.05) 50%,#0a0c16 80%);border:1px solid #1e263d;border-radius:10px;margin-bottom:20px;display:grid;place-items:center;overflow:hidden}.radar-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(6,182,212,.15) 1px,transparent 0);background-size:20px 20px}.radar-sweep{position:absolute;width:140px;height:140px;border:1px dashed rgba(6,182,212,.35);border-radius:50%;animation:spinSlow 10s linear infinite}.radar-center-core{width:54px;height:54px;border-radius:14px;background:rgba(14,20,34,.85);border:1px solid #06b6d4;display:grid;place-items:center;box-shadow:0 0 25px rgba(6,182,212,.35);animation:floatOrb 4s ease-in-out infinite;z-index:2}.radar-hud-labels{position:absolute;bottom:8px;display:flex;justify-content:space-between;width:90%;font:8px var(--mono);color:#64748b;letter-spacing:.5px}.creative-tags-cluster{display:flex;flex-wrap:wrap;gap:7px}.creative-pill{font:10px var(--mono);color:#cbd5e1;background:#131828;border:1px solid #232d48;border-radius:4px;padding:5px 10px}.backend-stack-list{display:flex;flex-direction:column;gap:10px;flex-grow:1}.backend-stack-row{justify-content:space-between;padding:10px 12px;background:#111522;border:1px solid #1e263d;border-radius:6px}.b-row-left,.backend-stack-row{display:flex;align-items:center}.b-row-left{gap:10px}.b-row-left strong{display:block;font:600 12px var(--sans);color:#f1f5f9}.b-row-left span{display:block;font:10px var(--mono);color:#7b8ba2}.b-row-stat{font:9px var(--mono);color:#22d3ee;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);border-radius:3px;padding:2px 7px}.workflow-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.wf-metric{background:#111522;border:1px solid #1e263d;border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;gap:3px}.wf-val{font:700 20px var(--display);color:#818cf8}.wf-lbl{font:9px var(--mono);color:#64748b;letter-spacing:.5px}.workflow-tags-row{display:flex;flex-wrap:wrap;gap:7px}.wf-tag{font:10px var(--mono);color:#94a3b8;background:#131828;border:1px solid #232c44;border-radius:4px;padding:5px 9px}.bento-tags-tray{display:flex;flex-direction:column;gap:12px;margin-top:10px;padding-top:20px;border-top:1px solid #191f32}.tray-label{font:9px var(--mono);letter-spacing:1.2px;color:#64748b}.tray-chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.tray-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:#0f121d;border:1px solid #1e253c;border-radius:6px;font:11px var(--mono);color:#cbd5e1;transition:all .2s ease}.tray-chip:hover{border-color:#06b6d4;color:#fff;background:#141928;transform:translateY(-1px)}.tray-chip.active{border-color:#22d3ee;background:rgba(6,182,212,.15);color:#22d3ee;box-shadow:0 0 15px rgba(6,182,212,.25)}.chip-dot{width:6px;height:6px;border-radius:50%}.dot-frontend{background:#06b6d4;box-shadow:0 0 8px #06b6d4}.dot-creative{background:#818cf8;box-shadow:0 0 8px #818cf8}.dot-backend{background:#6366f1;box-shadow:0 0 8px #6366f1}.dot-core{background:#a855f7;box-shadow:0 0 8px #a855f7}.dot-tool{background:#ec4899;box-shadow:0 0 8px #ec4899}.chip-lvl{font-size:8px;color:#64748b;margin-left:2px}.tech-spotlight-toast{position:relative;background:#111524;border:1px solid #06b6d4;border-radius:10px;padding:16px 20px;box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 25px rgba(6,182,212,.2);display:flex;flex-direction:column;gap:10px;animation:fadeIn .25s ease-out}.spotlight-header{display:flex;justify-content:space-between;align-items:flex-start}.spotlight-cat{font:8px var(--mono);letter-spacing:1px;color:#22d3ee}.spotlight-header h4{font:700 18px var(--display);margin:3px 0 0;color:#f8fafc}.spotlight-close{color:#7b8ba2;padding:4px}.spotlight-close:hover{color:#fff}.spotlight-desc{font-size:13px;line-height:1.6;color:#94a3b8;margin:0}.spotlight-desc strong{color:#22d3ee}.spotlight-meter{display:flex;flex-direction:column;gap:5px;font:10px var(--mono);color:#7b8ba2}.spotlight-track{height:5px;background:#192036;border-radius:5px;overflow:hidden}.spotlight-fill{height:100%;background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:5px}.about-section{background:#090b13;border-block:1px solid #1a2032;padding:45px 0 55px}.about-grid{display:grid;grid-template-columns:.75fr 1.7fr .45fr;grid-gap:45px;gap:45px;align-items:start}.about-stamp{margin-top:50px;width:125px;height:125px;border:1px solid #2e3a58;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#38bdf8;transform:rotate(-10deg);transition:transform .4s ease;box-shadow:0 0 25px rgba(56,189,248,.1)}.about-stamp:hover{transform:rotate(0deg) scale(1.05)}.about-stamp span{font:8px var(--mono);letter-spacing:1.4px;text-align:center;line-height:1.5}.about-copy h2{font-size:clamp(32px,3.8vw,46px);margin-bottom:26px}.about-copy p{font-size:14px;line-height:1.9;color:#94a3b8;max-width:640px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#22d3ee;margin-top:20px;border-bottom:1px solid rgba(6,182,212,.4);padding-bottom:6px;transition:all .2s ease}.text-link:hover{gap:16px;border-bottom-color:#22d3ee}.about-stat{border-left:1px solid #242c44;padding-left:24px;margin-top:4px}.stat-number{font:700 42px var(--display);letter-spacing:-3px;color:#22d3ee;display:flex;gap:8px}.stat-number span{color:#435272}.stat-label{font:11px/1.8 var(--mono);color:#94a3b8}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.service-card-tilt{height:100%}.service-card-content{background:rgba(13,16,24,.85);border:1px solid #1c2338;border-radius:18px;padding:30px 26px;height:100%;display:flex;flex-direction:column;position:relative;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px rgba(0,0,0,.25)}.service-card-tilt:hover .service-card-content{border-color:rgba(99,102,241,.5);background:#111524;transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,.55),0 0 28px rgba(99,102,241,.14)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.service-top span{font:12px var(--mono);font-weight:700;color:#22d3ee;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.25);padding:3px 9px;border-radius:6px}.service-top svg{color:#818cf8}.service-card-content h3{font-size:19px;font-weight:700;margin:0 0 12px;letter-spacing:-.3px;color:#f8fafc;line-height:1.35}.service-card-content p{font-size:13.5px;line-height:1.65;color:#94a3b8;margin:0;flex-grow:1}.service-tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.service-subtag{font:11px var(--mono);color:#cbd5e1;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);padding:4px 10px;border-radius:6px}.service-arrow{position:absolute;right:24px;bottom:24px;color:#556682;transition:all .2s ease}.service-card-tilt:hover .service-arrow{transform:translate(3px,-3px);color:#22d3ee;transform:translate(2px,-2px)}.contact-section{padding-top:36px;padding-bottom:80px}.contact-interactive-grid{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:50px;gap:50px;align-items:start;margin-top:30px}.contact-heading-group h2{font-size:clamp(42px,5vw,68px);letter-spacing:-3.5px}.contact-description{color:#94a3b8;font-size:14px;line-height:1.8;max-width:440px;margin-top:20px}.availability-tilt-card{margin-top:36px;border-radius:10px}.avail-card-inner{background:#0d1018;border:1px solid #1f273d;border-radius:10px;padding:24px;box-shadow:0 15px 40px rgba(0,0,0,.6)}.avail-card-header{display:flex;justify-content:space-between;align-items:center}.live-pulse-badge{display:inline-flex;align-items:center;gap:8px;position:relative;font:10px var(--mono);letter-spacing:1px;color:#22d3ee}.pulse-core{width:8px;height:8px;background:#06b6d4;border-radius:50%;box-shadow:0 0 12px #06b6d4}.avail-quarter{font:10px var(--mono);color:#7b8ba2}.avail-time-row{display:flex;align-items:center;gap:12px;margin:22px 0 16px;padding:12px 14px;background:#111624;border:1px solid #202942;border-radius:6px}.avail-time-icon{color:#22d3ee}.avail-time-data{display:flex;flex-direction:column}.avail-time-lbl{font:8px var(--mono);letter-spacing:.8px;color:#64748b}.avail-time-clock{font:600 14px var(--mono);color:#f1f5f9}.avail-commitment{font-size:12px;line-height:1.6;color:#8493a8;margin:0}.avail-direct-email{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #1e263d}.email-addr{font:600 13px var(--mono);color:#22d3ee}.copy-icon-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:#131828;border:1px solid #27324f;border-radius:4px;font:10px var(--mono);color:#cbd5e1;transition:all .2s}.copy-icon-btn:hover{border-color:#06b6d4;color:#22d3ee}.contact-form-tilt-card{border-radius:12px}.contact-card-surface{background:#0d1018;border:1px solid #1f273d;border-radius:12px;padding:32px 30px;box-shadow:0 20px 60px rgba(0,0,0,.7)}.form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid #1c2438}.form-card-tag{display:inline-flex;align-items:center;gap:7px;font:10px var(--mono);letter-spacing:1px;color:#22d3ee}.form-response-time{font:9px var(--mono);color:#64748b}.interactive-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font:10px var(--mono);letter-spacing:1px;color:#8493a8}.form-field input,.form-field select,.form-field textarea{background:#101420;border:1px solid #202942;border-radius:6px;padding:12px 14px;font:13px var(--sans);color:#f1f5f9;outline:none;transition:border-color .2s,box-shadow .2s}.form-field select{font-family:var(--mono);font-size:11px}.form-field textarea{resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#06b6d4;box-shadow:0 0 18px rgba(6,182,212,.3)}.form-submit-btn{margin-top:8px;justify-content:center;width:100%}.form-success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;gap:16px}.success-icon-wrap{width:60px;height:60px;border-radius:50%;background:rgba(6,182,212,.15);border:1px solid #06b6d4;display:grid;place-items:center;color:#22d3ee;box-shadow:0 0 25px rgba(6,182,212,.3)}.form-success-state h3{font:700 24px var(--display);margin:0;color:#f8fafc}.form-success-state p{color:#94a3b8;font-size:13px;line-height:1.7;max-width:380px;margin:0}.footer-wrap{width:100%;border-top:1px solid #191f32;background:rgba(7,8,13,.95)}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.footer-status-pill{display:inline-flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1.2px;color:#64748b}.footer-dot{width:6px;height:6px;border-radius:50%;background:#06b6d4;box-shadow:0 0 10px #06b6d4}.back-top{font:9px var(--mono);letter-spacing:1px;color:#64748b;transition:color .2s}.back-top:hover{color:#22d3ee}.project-modal-backdrop{position:fixed;inset:0;background:rgba(5,7,12,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:100;display:grid;place-items:center;padding:24px;animation:fadeIn .25s ease-out}.project-modal-container{background:#0d1018;border:1px solid #232c44;border-radius:12px;width:min(720px,100%);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.85),0 0 50px rgba(99,102,241,.15);animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{height:60px;border-bottom:1px solid #1c2338;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#111522}.modal-badge-group{display:flex;align-items:center;gap:10px;font:11px var(--mono);letter-spacing:1px}.modal-num{color:#22d3ee}.modal-sep{color:#3b4662}.modal-type{color:#94a3b8}.modal-close-btn{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;color:#8493a8;background:#161c2c;border:1px solid #252f48;transition:all .2s}.modal-close-btn:hover{background:linear-gradient(135deg,#6366f1,#06b6d4);color:#ffffff}.modal-scroll-area{padding:28px 24px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:26px}.modal-title-area h2{font:700 32px var(--display);letter-spacing:-1.2px;margin:0 0 8px;color:#f8fafc}.modal-lead{color:#94a3b8;font-size:14px;line-height:1.7;margin:0}.modal-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.modal-metric-card{background:#111624;border:1px solid #1f2840;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:4px}.m-val{font:700 20px var(--display);color:#22d3ee}.m-lbl{font:9px var(--mono);color:#7b8ba2;letter-spacing:.5px}.modal-section{display:flex;flex-direction:column;gap:12px}.modal-section-title{display:flex;align-items:center;gap:8px;font:600 13px var(--mono);color:#cbd5e1;margin:0;letter-spacing:.6px}.modal-section-title svg{color:#22d3ee}.modal-text{font-size:13px;line-height:1.8;color:#94a3b8;margin:0}.modal-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.modal-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:#cbd5e1}.check-bullet{color:#22d3ee;font-size:12px;margin-top:2px}.modal-arch-tags,.modal-tags-row{display:flex;flex-wrap:wrap;gap:8px}.arch-tag{background:#121728;border:1px solid #232e4d;border-radius:4px;padding:6px 11px;font:11px var(--mono);color:#cbd5e1}.project-tag-pill{background:#141b2e;border:1px solid #253356;border-radius:20px;padding:5px 12px;font:10px var(--mono);color:#22d3ee}.modal-actions-bar{display:flex;gap:12px;margin-top:10px;padding-top:18px;border-top:1px solid #1c2438}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:40px;padding:60px 0}.stats-row{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:.8fr 1.5fr}.about-stat{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.bento-grid-container{grid-template-columns:1fr}.contact-interactive-grid{grid-template-columns:1fr;gap:40px}}.nav-resume-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);color:#c7d2fe;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-resume-btn:hover{background:rgba(99,102,241,.22);border-color:#818cf8;color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(99,102,241,.25)}.hero-contact-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-loc-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:12.5px;font-family:var(--mono);color:var(--muted);transition:all .2s ease}.hero-loc-pill:hover{background:rgba(255,255,255,.07);border-color:rgba(6,182,212,.35);color:var(--text)}.hero-phone-pill:hover{border-color:rgba(99,102,241,.45);color:#c7d2fe}.hero-email-pill:hover{border-color:rgba(56,189,248,.45);color:#bae6fd}.experience-timeline-container{display:flex;flex-direction:column;gap:32px;margin-top:24px}.experience-filter-tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.exp-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:rgba(13,16,24,.8);border:1px solid var(--panel-border);color:var(--muted);font-size:13px;font-weight:500;transition:all .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exp-filter-btn:hover{border-color:rgba(99,102,241,.5);color:var(--text)}.exp-filter-btn.active{background:rgba(99,102,241,.18);border-color:var(--indigo);color:#ffffff;box-shadow:0 0 20px rgba(99,102,241,.25)}.current-dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 8px #22d3ee}.timeline-cards-list{display:flex;flex-direction:column;gap:28px;position:relative}.timeline-entry-row{display:grid;grid-template-columns:48px 1fr;grid-gap:24px;gap:24px;position:relative}.timeline-node-col{flex-direction:column}.timeline-node-col,.timeline-pin{display:flex;align-items:center;position:relative}.timeline-pin{width:36px;height:36px;border-radius:50%;background:#0d1018;border:2px solid #2a344e;justify-content:center;z-index:2;box-shadow:0 0 12px rgba(0,0,0,.6)}.timeline-pin.pin-current{border-color:#06b6d4;box-shadow:0 0 18px rgba(6,182,212,.4)}.pin-pulse-beacon{width:10px;height:10px;border-radius:50%;background:#22d3ee;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 10px #22d3ee}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}.pin-index{font-size:11px;font-family:var(--mono);font-weight:700;color:var(--muted)}.timeline-connecting-line{flex:1 1;width:2px;background:linear-gradient(180deg,#2a344e,rgba(42,52,78,.2));margin-top:6px}.timeline-entry-row:last-child .timeline-connecting-line{display:none}.experience-tilt-card{border-radius:18px;background:rgba(13,16,24,.75);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.3)}.experience-tilt-card:hover{border-color:rgba(99,102,241,.45);box-shadow:0 16px 44px rgba(99,102,241,.12)}.card-current-role{border-color:rgba(6,182,212,.4);background:linear-gradient(145deg,rgba(13,16,24,.9),rgba(10,24,38,.4));box-shadow:0 14px 40px rgba(6,182,212,.1)}.exp-card-inner{padding:28px 32px;display:flex;flex-direction:column;gap:20px}.exp-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:18px}.role-and-badge{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.exp-role-title{margin:0;font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.4px}.current-status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(6,182,212,.15);border:1px solid rgba(6,182,212,.4);color:#22d3ee;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.chip-pulsing-dot{width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 6px #22d3ee}.exp-company-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:14px;color:var(--muted)}.company-name{font-weight:700;color:#e2e8f0;font-size:15px}.company-divider{color:#3b4256}.employment-type{color:#818cf8;font-size:13px}.exp-location{gap:4px;font-size:13px;color:var(--muted-dark)}.exp-duration-badge,.exp-location{display:inline-flex;align-items:center}.exp-duration-badge{gap:7px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12.5px;font-family:var(--mono);color:#94a3b8;white-space:nowrap}.exp-summary-text{margin:0;font-size:15px;line-height:1.6;color:#cbd5e1}.exp-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px}.exp-metric-pill{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:3px}.em-val{font-size:18px;font-weight:800;color:#22d3ee;font-family:var(--mono)}.em-lbl{font-size:11px;color:var(--muted-dark);text-transform:uppercase;letter-spacing:.4px}.exp-achievements-block{display:flex;flex-direction:column;gap:12px}.achievements-title{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}.exp-bullets-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.exp-bullets-list li{display:grid;grid-template-columns:16px 1fr;grid-gap:10px;gap:10px;font-size:14.5px;line-height:1.55;color:#cbd5e1}.bullet-accent{color:#06b6d4;font-size:13px}.exp-tech-footer{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.tech-footer-label{font-size:11.5px;font-family:var(--mono);color:var(--muted-dark);text-transform:uppercase;letter-spacing:.5px}.exp-tags-cluster{display:flex;flex-wrap:wrap;gap:8px}.exp-tech-chip{padding:4px 11px;border-radius:999px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.22);color:#c7d2fe;font-size:12px;font-weight:500;font-family:var(--mono);transition:all .2s ease}.exp-tech-chip:hover{background:rgba(99,102,241,.18);border-color:#818cf8;color:#ffffff}.education-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.edu-card-tilt{border-radius:18px;background:rgba(13,16,24,.75);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .3s ease;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}.edu-card-tilt:hover{border-color:rgba(99,102,241,.4);transform:translateY(-2px)}.edu-primary-card{border-color:rgba(99,102,241,.35);background:linear-gradient(160deg,rgba(13,16,24,.9),rgba(22,26,44,.5))}.edu-card-inner{padding:28px;display:flex;flex-direction:column;gap:16px}.edu-card-top{justify-content:space-between}.edu-card-top,.edu-icon-badge{display:flex;align-items:center}.edu-icon-badge{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid;justify-content:center}.edu-score-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);font-size:12px;font-family:var(--mono);color:#cbd5e1}.edu-score-pill strong{color:#22d3ee;font-weight:700}.edu-details-group{display:flex;flex-direction:column;gap:6px}.edu-field-tag{font-size:11px;font-family:var(--mono);color:#818cf8;text-transform:uppercase;letter-spacing:.5px}.edu-degree-title{margin:0;font-size:19px;font-weight:700;color:var(--text);line-height:1.35}.edu-institution-name{margin:0;font-size:14.5px;font-weight:500;color:#94a3b8}.edu-meta-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted-dark);font-family:var(--mono)}.edu-location,.edu-period{display:inline-flex;align-items:center;gap:5px}.edu-highlights-list{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}.edu-highlight-item{display:grid;grid-template-columns:14px 1fr;grid-gap:8px;gap:8px;font-size:13px;color:#94a3b8;line-height:1.45}.edu-bullet{color:#6366f1;font-size:11px}.hosting-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px;margin:14px 0}.hosting-chip-box{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px}.hosting-chip-box strong{font-size:13px;color:#f1f5f9}.hosting-chip-box span{font-size:11px;color:var(--muted-dark)}.avail-contact-direct-list{display:flex;flex-direction:column;gap:10px;margin:18px 0;padding:16px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.avail-contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.acr-left{display:inline-flex;align-items:center;gap:9px;font-size:13.5px}.domain-addr,.email-addr,.phone-addr{font-family:var(--mono);color:#cbd5e1;font-weight:500;transition:color .2s ease}.domain-addr:hover,.email-addr:hover,.phone-addr:hover{color:#22d3ee}.loc-text{font-size:13px;color:#94a3b8}.loc-badge{font-size:11px;font-family:var(--mono);color:#818cf8;background:rgba(99,102,241,.1);padding:2px 8px;border-radius:4px}.footer-contact-summary{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-family:var(--mono)}.footer-contact-summary a{color:#cbd5e1;transition:color .2s ease}.footer-contact-summary a:hover{color:#22d3ee}.about-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:14px}.resume-modal-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease forwards}.resume-modal-container{width:min(920px,100%);max-height:92vh;background:#0f121d;border:1px solid #232c44;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.7);animation:scaleUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.resume-modal-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#131724;border-bottom:1px solid #232c44}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-badge{font-size:11px;font-weight:700;font-family:var(--mono);color:#22d3ee;background:rgba(6,182,212,.12);padding:3px 9px;border-radius:6px;letter-spacing:.5px}.topbar-filename{font-size:13.5px;font-family:var(--mono);color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s ease}.topbar-btn:hover{background:rgba(255,255,255,.1);color:#ffffff}.topbar-btn-primary{background:#6366f1;border-color:#6366f1;color:#ffffff}.topbar-btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.topbar-close-btn{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all .2s ease}.topbar-close-btn:hover{background:rgba(239,68,68,.15);color:#ef4444}.resume-sheet-wrap{flex:1 1;overflow-y:auto;padding:32px;background:#090b11;display:flex;justify-content:center}.resume-paper{width:100%;max-width:800px;background:#ffffff;color:#1e293b;border-radius:6px;padding:44px 48px;box-shadow:0 10px 40px rgba(0,0,0,.4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.resume-header-block{border-bottom:2px solid #0f172a;padding-bottom:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.candidate-name{margin:0;font-size:30px;font-weight:800;letter-spacing:.5px;color:#0f172a}.candidate-role{margin:0;font-size:15px;font-weight:600;color:#475569}.candidate-role .sep{color:#94a3b8;margin:0 6px}.candidate-contact-grid{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:#475569;margin-top:4px}.contact-item{display:inline-flex;align-items:center;gap:5px}.contact-link{color:#0369a1;text-decoration:none}.contact-link:hover{text-decoration:underline}.brand-domain{font-weight:700;color:#4338ca}.contact-bullet{color:#cbd5e1}.contact-icon{color:#64748b}.resume-block{margin-bottom:22px}.resume-heading{margin:0 0 10px;font-size:13.5px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #e2e8f0;padding-bottom:4px}.resume-summary-text{margin:0;font-size:13px;line-height:1.6;color:#334155}.skills-table{display:flex;flex-direction:column;gap:6px}.skill-row{display:grid;grid-template-columns:160px 1fr;grid-gap:12px;gap:12px;font-size:12.5px;line-height:1.45}.skill-cat{font-weight:700;color:#0f172a}.skill-desc{color:#334155}.resume-job{margin-bottom:14px}.job-header{justify-content:space-between;flex-wrap:wrap;margin-bottom:4px}.job-header,.job-role-company{display:flex;align-items:baseline;gap:8px}.job-role{font-size:13.5px;font-weight:700;color:#0f172a}.job-company{font-size:13px;font-weight:600;color:#475569}.job-company:before{content:"•";margin-right:8px;color:#94a3b8}.job-duration{font-size:12px;font-weight:600;color:#64748b}.job-bullets{margin:0;padding-left:18px;font-size:12.5px;line-height:1.5;color:#334155}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.edu-item{display:flex;flex-direction:column;gap:3px}.edu-degree{margin:0;font-size:12.5px;font-weight:700;color:#0f172a;line-height:1.35}.edu-school{margin:0;font-size:12px;color:#475569}.edu-dates{font-size:11.5px;color:#64748b}.edu-score{font-size:12px;color:#0f172a;margin-top:2px}@media print{body *{visibility:hidden}.resume-modal-backdrop{position:static;background:none;padding:0}.resume-modal-container{box-shadow:none;border:none;max-height:none;width:100%}.no-print{display:none!important}.resume-sheet-wrap{background:none;padding:0;overflow:visible}#printable-resume,#printable-resume *{visibility:visible}#printable-resume{position:absolute;left:0;top:0;width:100%;max-width:100%;padding:0;box-shadow:none}}@media (max-width:768px){.timeline-entry-row{grid-template-columns:28px 1fr;gap:14px}.timeline-pin{width:28px;height:28px}.exp-card-inner{padding:20px}.education-cards-grid,.education-grid{grid-template-columns:1fr}.resume-paper{padding:24px}.skill-row{grid-template-columns:1fr;gap:4px}.footer-contact-summary{flex-direction:column;align-items:flex-start;gap:6px}.shell{width:calc(100% - 36px)}.nav{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;width:100%;box-sizing:border-box;padding:24px;background:#0a0d16;border-bottom:1px solid #1e263c;flex-direction:column;align-items:stretch;gap:18px}.nav-links-open{display:flex}.nav-controls-group{margin-left:0;justify-content:space-between}.hero h1{font-size:clamp(38px,10vw,54px);letter-spacing:-2.5px}.about-grid,.projects-grid,.services-grid{grid-template-columns:1fr}.about-stamp{display:none}.form-row,.modal-metrics-grid,.workflow-metrics-grid{grid-template-columns:1fr}.bento-inner{padding:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}