@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.navbar{-webkit-backdrop-filter:blur(20px);color:var(--text-main);z-index:1000;border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:#121212bf;justify-content:space-between;align-items:center;padding:.8rem 6vw;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}:root[data-theme=light] .navbar{background:#f4f5f8bf}.navbar-logo{background:linear-gradient(135deg,var(--accent)0%,var(--accent-cyan)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.navbar-links{align-items:center;gap:1.8rem;display:flex}.navbar-links a{color:var(--text-muted);padding:4px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar-links a:hover{color:var(--text-main)}.navbar-links a.active{color:var(--accent)}.navbar-links a.active:after{content:"";background:var(--accent);width:100%;height:2px;box-shadow:0 0 8px var(--accent);border-radius:999px;position:absolute;bottom:0;left:0}.theme-toggle-btn{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;margin-right:1.8rem;font-size:1.1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}:root[data-theme=light] .theme-toggle-btn{color:var(--text-main);background:#0000000a;border:1px solid #0000000f}.theme-toggle-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.08)rotate(15deg)}:root[data-theme=light] .theme-toggle-btn:hover{background:#00000014;border-color:#00000026}.hamburger{cursor:pointer;flex-direction:column;gap:4px;transition:all .3s ease-in-out;display:none}.hamburger span{background:var(--text-main);border-radius:4px;width:24px;height:3px;transition:all .3s ease-in-out}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@keyframes subtleGlow{0%{box-shadow:0 0 #3b9eff66}50%{box-shadow:0 0 8px #3b9eff99}to{box-shadow:0 0 #3b9eff66}}.hamburger:not(.open){border-radius:6px;padding:4px;animation:1.8s ease-in-out infinite subtleGlow}@media (width<=768px){.hamburger{display:flex}.navbar-links{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-md);opacity:0;visibility:hidden;background:#1e222df2;flex-direction:column;gap:1rem;width:220px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:64px;right:6vw;transform:translateY(-20px)}:root[data-theme=light] .navbar-links{background:#fffffff2}.navbar-links.open{opacity:1;visibility:visible;transform:translateY(0)}}.home-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw;transition:background-color .3s,color .3s}.home-container{justify-content:space-between;align-items:center;gap:2.5rem;max-width:1200px;margin:0 auto 3.5rem;display:flex}.home-text{flex:1.2}.home-hero h1{background:linear-gradient(135deg,var(--text-main)40%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.4rem;font-size:2.8rem}.home-hero h2{color:var(--accent);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.home-tagline{color:var(--text-main);margin-bottom:.8rem;font-size:1.05rem;font-weight:500}.tagline-ai-highlight{background:linear-gradient(90deg,var(--accent),var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.home-subtext{max-width:620px;color:var(--text-muted);margin-bottom:1.8rem;font-size:.98rem;line-height:1.7}.subtext-ai-badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid #3b9eff4d;border-radius:999px;padding:1px 10px;font-size:.9em;font-weight:600;display:inline-block}.home-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.home-buttons button{border-radius:var(--radius-lg);background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--accent-soft);border:1px solid #0000;padding:.75rem 1.8rem;font-size:.92rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.home-buttons button:nth-child(2),.home-buttons button:nth-child(3){background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);box-shadow:none}.home-buttons button:nth-child(2):hover,.home-buttons button:nth-child(3):hover{background:var(--bg-alt);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.home-buttons button:hover{opacity:.95;box-shadow:0 6px 20px var(--accent-soft);transform:translateY(-2px)}.home-highlights ul{color:var(--text-muted);flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.home-highlights li{align-items:center;gap:.5rem;display:flex}.home-highlights li:before{content:"•";color:var(--accent);font-size:1.1rem;line-height:1}.home-visual{flex:.9;justify-content:center;display:flex}.profile-wrapper{flex-direction:column;align-items:center;gap:.8rem;display:flex;position:relative}.profile-photo-container{justify-content:center;align-items:center;width:270px;height:270px;margin:1.5rem 0;display:flex;position:relative}.profile-aurora-glow{filter:blur(14px);opacity:.7;z-index:1;background:conic-gradient(#3b9eff,#22d3ee,#ec4899,#8b5cf6,#3b9eff);border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1);animation:8s linear infinite auroraRotate;position:absolute;inset:0}.profile-wrapper:hover .profile-aurora-glow{filter:blur(20px);opacity:.9;transform:scale(1.03)}@keyframes auroraRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-photo{object-fit:cover;border:4px solid var(--accent);width:270px;height:270px;box-shadow:var(--shadow);z-index:2;border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.profile-wrapper:hover .profile-photo{box-shadow:0 12px 35px var(--accent-soft);transform:scale(1.02)}.profile-actions{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.profile-action-btn{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .9rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.profile-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-alt);box-shadow:0 4px 12px var(--accent-soft);transform:translateY(-2px)}.profile-action-btn svg{transition:transform .2s}.profile-action-btn:hover svg{transform:scale(1.1)}.profile-action-btn.linkedin-btn:hover{--accent:#0077b5;--accent-soft:#0077b526}.profile-action-btn.github-btn:hover{--accent:#24292e;--accent-soft:#24292e26}body[data-theme=dark] .profile-action-btn.github-btn:hover{--accent:#f0f6fc;--accent-soft:#f0f6fc26}.profile-action-btn.resume-btn:hover{--accent:#0ea5e9;--accent-soft:#0ea5e926}.home-stats-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:860px;box-shadow:var(--shadow);justify-content:center;gap:0;margin:0 auto 3.5rem;display:flex;overflow:hidden}.stat-item{border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:1.4rem 1rem;transition:background .25s;display:flex}.stat-item:last-child{border-right:none}.stat-item:hover{background:var(--bg-alt)}.stat-value{background:linear-gradient(135deg,var(--accent)0%,var(--accent-cyan)100%);-webkit-text-fill-color:transparent;text-align:center;white-space:nowrap;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-align:center;font-size:.78rem;font-weight:500;line-height:1.3}.home-section{border-top:1px solid var(--border);max-width:1100px;margin:0 auto 3rem;padding-top:2rem}.home-section h3{color:var(--text-main);margin-bottom:1.2rem;font-size:1.35rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;display:grid}.cards-grid.four-col{grid-template-columns:repeat(4,1fr)}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.6rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card h4{color:var(--text-main);margin-bottom:.6rem;font-size:1rem}.card p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.icon-card{padding:1.8rem 1.5rem 1.5rem}.card-icon{margin-bottom:.85rem;font-size:1.8rem;line-height:1;display:block}.card-ai{background:linear-gradient(135deg,var(--card-bg)70%,#3b9eff0d 100%);border-color:#3b9eff40}.card-ai:hover{border-color:var(--accent);box-shadow:0 8px 25px var(--accent-soft)}.featured-card{flex-direction:column;gap:.6rem;display:flex}.featured-tags{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.feat-tag{background:var(--accent-soft);color:var(--accent);border:1px solid #3b9eff33;border-radius:999px;padding:.22rem .7rem;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:600}.link-btn{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:auto;padding-top:.6rem;padding-left:0;font-size:.9rem;font-weight:600;transition:opacity .2s}.link-btn:hover{opacity:.8;text-decoration:underline}.journey-vertical{border-left:2px solid var(--border);flex-direction:column;gap:0;max-width:800px;padding-left:1.8rem;display:flex;position:relative}.journey-step{padding:0 0 2.2rem 1.8rem;position:relative}.journey-step:last-child{padding-bottom:0}.journey-dot{background:var(--accent);border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent),0 0 12px var(--accent-soft);border-radius:50%;transition:transform .25s;position:absolute;top:.35rem;left:-1.55rem}.journey-step:hover .journey-dot{transform:scale(1.25)}.journey-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.3rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.journey-step:hover .journey-content{border-color:var(--accent);transform:translate(4px)}.journey-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.journey-year{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);background:var(--accent-soft);border:1px solid #3b9eff40;border-radius:999px;padding:2px 10px;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700}.journey-role{color:var(--text-main);font-size:.88rem;font-weight:600}.journey-content p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.6}.tech-strip .tech-tags{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.tech-tags span{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-alt);color:var(--text-main);opacity:0;padding:.35rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s;animation:.4s forwards tagFadeIn}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tech-tags span:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.easter-toast{background:var(--card-bg);border:1px solid var(--accent);box-shadow:var(--shadow);color:var(--text-main);border-radius:var(--radius-lg);white-space:nowrap;opacity:0;z-index:10;pointer-events:none;padding:8px 18px;font-family:Space Grotesk,sans-serif;font-size:.85rem;animation:2.5s fadeInOut;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media (width<=1024px){.cards-grid.four-col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home-page{padding:2.2rem 5vw 2.5rem}.home-container{text-align:center;flex-direction:column;margin-bottom:2rem}.home-text{align-items:center}.home-visual{margin-top:2rem;margin-bottom:2rem}.profile-photo-container{width:210px;height:210px;margin:1.5rem auto}.profile-photo{border-width:3px;width:210px;height:210px}.home-stats-bar{border-radius:var(--radius-md);flex-wrap:wrap}.stat-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex:45%;padding:1.1rem .8rem}.stat-item:nth-child(2n){border-right:none}.stat-item:nth-last-child(-n+2){border-bottom:none}.cards-grid.four-col{grid-template-columns:repeat(2,1fr)}.journey-vertical{padding-left:1.4rem}.journey-dot{left:-1.3rem}}@media (width<=480px){.cards-grid.four-col{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid var(--border);flex:100%}.stat-item:last-child{border-bottom:none}}.experience-page{min-height:100vh;color:var(--text-main);background:var(--bg);transition:background-color .3s,color .3s}.experience-hero{text-align:center;padding:3rem 6vw 2rem}.experience-hero h1{letter-spacing:-.5px;color:var(--text-main);margin-bottom:.8rem;font-size:2.5rem;font-weight:700}.experience-hero p{max-width:600px;color:var(--text-muted);margin:0 auto;font-size:1rem;line-height:1.6}.experience-timeline-container{max-width:1200px;margin:0 auto;padding:2.5rem 6vw 4rem;position:relative}.timeline-connector-line{background:linear-gradient(to bottom,var(--accent)0%,var(--border)100%);opacity:.5;width:2px;position:absolute;top:3.5rem;bottom:5.5rem;left:calc(6vw + 24px)}.experience-timeline{flex-direction:column;gap:2rem;padding:0;display:flex}.experience-timeline-item{grid-template-columns:50px 1fr;align-items:flex-start;gap:.8rem;display:grid;position:relative}.timeline-node{z-index:2;justify-content:center;align-items:center;padding-top:1.8rem;display:flex}.node-dot{background:var(--bg);border:3px solid var(--border);width:14px;height:14px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1)}.experience-timeline-item:hover .node-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--accent);transform:scale(1.2)}.experience-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.8rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.experience-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.experience-header h2{color:var(--text-main);font-size:1.25rem;font-weight:600}.experience-header h3{color:var(--text-muted);margin-top:.15rem;font-size:.95rem}.experience-meta{color:var(--text-muted);background:var(--bg-alt);border:1px solid var(--border);white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:.82rem;font-weight:500}.experience-domain{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.8rem;font-size:.8rem;font-weight:600}.experience-section{margin-bottom:.8rem}.experience-section h4{color:var(--text-main);margin-bottom:.5rem;font-size:.95rem}.responsibilities-list{flex-direction:column;gap:.35rem;padding-left:1.1rem;display:flex}.responsibility-item{color:var(--text-muted);font-size:.9rem;line-height:1.7}.toggle-details-btn{color:var(--accent);cursor:pointer;background:#22d3ee0a;border:1px solid #22d3ee1f;border-radius:6px;margin-top:.8rem;padding:5px 10px;font-size:.8rem;font-weight:600;transition:all .2s}.toggle-details-btn:hover{border-color:var(--accent);background:#22d3ee1a;transform:translateY(-1px)}.experience-tech{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.tech-tag{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-alt);color:var(--text-muted);cursor:pointer;padding:.3rem .8rem;font-size:.78rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.tech-tag:hover,.tech-tag.highlighted{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-soft);transform:scale(1.05)}@media (width<=768px){.timeline-connector-line{left:calc(6vw + 11px)}.experience-timeline-item{grid-template-columns:24px 1fr;gap:.5rem}.timeline-node{padding-top:1.6rem}}@media (width<=640px){.experience-hero h1{font-size:2rem}.experience-header{flex-direction:column;align-items:flex-start;gap:.4rem}.experience-meta{margin-top:.1rem}.experience-card{padding:1.2rem}}.about-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:2.5rem 6vw;transition:background-color .3s,color .3s}.about-section{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.about-section h1{color:var(--text-main);margin-bottom:1rem;font-size:2.1rem}.about-section h2{color:var(--text-main);margin-bottom:.8rem;font-size:1.4rem}.about-section p{color:var(--text-muted);margin-bottom:.7rem;font-size:1rem;line-height:1.7}blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding-left:1rem;font-style:italic}ul{padding-left:1.5rem}ul li{color:var(--text-muted);margin-bottom:.4rem;font-size:.95rem}@media (width<=640px){.about-page{padding:2rem 5vw}.about-section h1{font-size:1.8rem}}.projects-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw 4rem;transition:background-color .3s,color .3s}.projects-hero{text-align:center;margin-bottom:2rem}.projects-hero h1{letter-spacing:-.5px;color:var(--text-main);margin-bottom:.8rem;font-size:2.5rem;font-weight:700}.projects-hero p{max-width:600px;color:var(--text-muted);margin:0 auto;font-size:1rem;line-height:1.6}.projects-controls{justify-content:center;margin-bottom:2.5rem;display:flex}.projects-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.projects-tab-pill{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:30px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.projects-tab-pill:hover{border-color:var(--accent);color:var(--text-main);transform:translateY(-1px)}.projects-tab-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-soft)}.projects-list{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.project-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.8rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.project-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.project-header h2{color:var(--text-main);margin-bottom:.25rem;font-size:1.3rem;font-weight:600}.project-company{color:var(--text-muted);font-size:.92rem}.project-company span{font-size:.85rem}.project-domain{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:600}.project-metrics-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}.project-metric-pill{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#22d3ee0d;border:1px solid #22d3ee26;border-radius:30px;padding:3px 10px;font-size:.74rem;font-weight:700}.project-summary{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.project-section{margin-bottom:1rem}.project-section h3{color:var(--text-main);margin-bottom:.5rem;font-size:.95rem}.project-section ul{flex-direction:column;gap:.35rem;padding-left:1.1rem;display:flex}.project-section li{color:var(--text-muted);font-size:.9rem;line-height:1.7}.project-tech{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.project-tech span{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-alt);color:var(--text-muted);padding:.3rem .8rem;font-size:.78rem;font-weight:500}.project-github-link{border-radius:var(--radius-md);background:var(--bg-alt);border:1px solid var(--border);color:var(--text-main);cursor:pointer;align-items:center;gap:.5rem;width:fit-content;margin-top:1.2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.project-github-link:hover{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 0 10px var(--accent-soft);transform:translateY(-1px)}.project-github-link svg{transition:transform .2s}.project-github-link:hover svg{transform:scale(1.1)}@media (width<=640px){.projects-page{padding:2.5rem 5vw 3rem}.project-header{flex-direction:column;align-items:flex-start;gap:.4rem}.project-domain{letter-spacing:.08em;font-size:.78rem;line-height:1.4}.project-card{overflow-wrap:break-word;word-break:break-word;padding:1.2rem}}.skills-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw 4rem;transition:background-color .3s,color .3s}.skills-hero{text-align:center;margin-bottom:2rem}.skills-hero h1{letter-spacing:-.5px;color:var(--text-main);margin-bottom:.8rem;font-size:2.5rem;font-weight:700}.skills-hero p{max-width:600px;color:var(--text-muted);margin:0 auto;font-size:1rem;line-height:1.6}.skills-controls{flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:3rem;display:flex}.skills-search-wrapper{width:100%;max-width:480px;position:relative}.search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.skills-search-input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text-main);box-shadow:var(--shadow);outline:none;padding:12px 40px 12px 42px;font-family:inherit;font-size:.92rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.skills-search-input:focus{border-color:var(--accent);box-shadow:0 0 15px var(--accent-soft)}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:.85rem;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-main)}.skills-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.skills-tab-pill{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:30px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.skills-tab-pill:hover{border-color:var(--accent);color:var(--text-main);transform:translateY(-1px)}.skills-tab-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-soft)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:1.8rem;margin-bottom:2rem;display:grid}.skill-group{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.8rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.skill-group-header{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;margin-bottom:1.6rem;padding-bottom:.8rem;display:flex}.group-icon{font-size:1.4rem}.skill-group-header h2{color:var(--text-main);font-size:1.25rem;font-weight:600}.skill-items-container{flex-direction:column;gap:1.2rem;display:flex}.skill-row{flex-direction:column;gap:.4rem;display:flex}.skill-meta-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.skill-name-wrapper{flex-direction:column;gap:.15rem;display:flex}.skill-name{color:var(--text-main);font-size:.95rem;font-weight:550}.skill-sub{color:var(--text-muted);font-size:.78rem}.skill-level{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.skill-level.advanced{color:#3b9eff;background:#3b9eff14;border:1px solid #3b9eff40}.skill-level.proficient{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2440}.skill-progress-bar-track{background:var(--border);border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.skill-progress-bar-fill{will-change:width;background:linear-gradient(90deg,#22d3ee 0%,#3b9eff 50%,#8b5cf6 100%);border-radius:2px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #22d3ee99}.skill-highlight{color:var(--text-main);background:#22d3ee40;border-radius:2px;padding:0 2px}.skills-empty-state{text-align:center;background:var(--card-bg);border-radius:var(--radius-lg);border:1px dashed var(--border);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{margin-bottom:1rem;font-size:2.5rem}.skills-empty-state h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.15rem}.skills-empty-state p{color:var(--text-muted);font-size:.9rem}@media (width<=900px){.skills-grid{grid-template-columns:1fr}}@media (width<=640px){.skills-page{padding:2.5rem 5vw 3rem}.skill-group{padding:1.4rem}.skills-hero h1{font-size:2rem}.skills-tab-pill{padding:6px 12px;font-size:.78rem}}.frameworks-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw 4rem;transition:background-color .3s,color .3s}.frameworks-hero{text-align:center;margin-bottom:2.5rem}.frameworks-hero h1{letter-spacing:-.5px;color:var(--text-main);margin-bottom:.8rem;font-size:2.5rem;font-weight:700}.frameworks-hero p{max-width:600px;color:var(--text-muted);margin:0 auto;font-size:1rem;line-height:1.6}.frameworks-grid-section,.frameworks-scorecard-section,.frameworks-roadmap-section{max-width:1200px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto}.frameworks-grid-section h2,.frameworks-scorecard-section h2,.frameworks-roadmap-section h2{color:var(--text-main);text-align:center;margin-bottom:.4rem;font-size:1.5rem;font-weight:650}.section-desc{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.92rem}.frameworks-interactive-wrapper{grid-template-columns:1fr 1.2fr;align-items:stretch;gap:2rem;display:grid}.architecture-stack{flex-direction:column;gap:.8rem;width:100%;display:flex}.stack-layer-wrapper{width:100%}.stack-layer-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text-main);text-align:left;cursor:pointer;align-items:center;gap:1rem;padding:1.2rem;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.stack-layer-card.active{border-color:var(--accent);background:var(--bg-alt);box-shadow:0 0 20px var(--accent-soft)}.layer-icon{font-size:1.5rem}.layer-header-text h3{margin-bottom:.2rem;font-size:.98rem;font-weight:600}.layer-header-text p{color:var(--text-muted);font-size:.78rem}.layer-details-panel{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.panel-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.panel-icon{font-size:2rem}.panel-header h3{color:var(--text-main);font-size:1.15rem;font-weight:600}.panel-header p{color:var(--text-muted);font-size:.8rem}.panel-highlights-list{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;padding-left:1.2rem;display:flex}.panel-highlights-list li{color:var(--text-muted);font-size:.88rem;line-height:1.6}.panel-files-section h4{color:var(--text-main);margin-bottom:.6rem;font-size:.85rem;font-weight:600}.panel-files-grid{flex-wrap:wrap;gap:.5rem;display:flex}.file-badge{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-alt);color:var(--text-main);padding:4px 10px;font-size:.74rem;font-weight:550}.scorecard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;display:grid}.scorecard-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.4rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.scorecard-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.scorecard-label{color:var(--text-main);font-size:.86rem;font-weight:600}.scorecard-percentage{color:var(--accent);font-size:.9rem;font-weight:700}.scorecard-bar-track{background:var(--border);border-radius:2px;width:100%;height:4px;margin-bottom:.6rem;overflow:hidden}.scorecard-bar-fill{background:linear-gradient(90deg,#22d3ee 0%,#8b5cf6 100%);border-radius:2px;height:100%;box-shadow:0 0 8px #22d3ee99}.scorecard-detail{color:var(--text-muted);font-size:.78rem;line-height:1.4}.roadmap-timeline{flex-direction:column;gap:1.6rem;max-width:900px;margin:0 auto;padding-left:2rem;display:flex;position:relative}.roadmap-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:10px;bottom:10px;left:9px}.roadmap-item{gap:1rem;display:flex;position:relative}.roadmap-marker{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:1.4rem;left:-2rem}.status-dot{background:var(--bg);border:3px solid var(--border);border-radius:50%;width:12px;height:12px}.status-dot.completed{background:#3b9eff;border-color:#3b9eff;box-shadow:0 0 10px #3b9eff99}.status-dot.in-progress{background:var(--bg);border-color:#fbbf24;box-shadow:0 0 10px #fbbf2466}.roadmap-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);width:100%;padding:1.4rem;transition:border-color .25s}.roadmap-card:hover{border-color:var(--accent)}.roadmap-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.roadmap-header h3{color:var(--text-main);font-size:.98rem;font-weight:600}.status-pill{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.status-pill.completed{color:#3b9eff;background:#3b9eff14}.status-pill.in-progress{color:#fbbf24;background:#fbbf2414}.roadmap-card p{color:var(--text-muted);font-size:.86rem;line-height:1.6}.layer-details-panel.mobile-only{display:none}.placeholder-panel{text-align:center;justify-content:center;align-items:center;min-height:380px;display:flex;border:2px dashed var(--border)!important;background:#ffffff03!important}.placeholder-content{max-width:320px;margin:auto}.placeholder-icon{color:var(--text-muted);margin-bottom:1.2rem;font-size:2.5rem;animation:3s ease-in-out infinite placeholderFloat;display:block}.placeholder-panel h3{color:var(--text-main);margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.placeholder-panel p{color:var(--text-muted);font-size:.85rem;line-height:1.6}@keyframes placeholderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=900px){.frameworks-interactive-wrapper{grid-template-columns:1fr}.stack-layer-card:hover{transform:none}.layer-details-panel.desktop-only{display:none!important}.layer-details-panel.mobile-only{border-radius:var(--radius-lg);background:var(--bg-alt);border:1px solid var(--accent);box-shadow:0 4px 20px var(--accent-soft);flex-direction:column;margin-top:1rem;margin-bottom:1.5rem;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}}@media (width<=640px){.frameworks-page{padding:2.5rem 5vw 3rem}.frameworks-hero h1{font-size:2rem}.layer-details-panel{padding:1.2rem}.roadmap-timeline{padding-left:1.4rem}.roadmap-timeline:before{left:5px}.roadmap-marker{left:-1.45rem}.roadmap-card{padding:1.2rem}.roadmap-header{flex-direction:column;align-items:flex-start;gap:.4rem}}.contact-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:2.5rem 6vw 3rem;transition:background-color .3s,color .3s}.contact-hero{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.contact-hero h1{color:var(--text-main);margin-bottom:.7rem;font-size:2.1rem}.contact-hero p{max-width:720px;color:var(--text-muted);font-size:.98rem;line-height:1.7}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem;display:grid}.contact-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.contact-card:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-card h2{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem}.contact-card p{color:var(--text-muted);margin-bottom:.8rem;font-size:.9rem;line-height:1.5}.contact-link{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none}.contact-link:hover{text-decoration:underline}@media (width<=640px){.contact-page{padding:2rem 5vw 2.5rem}}.blog-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw;transition:background-color .3s,color .3s}.blog-header h1{color:var(--text-main);margin-bottom:.7rem;font-size:2.1rem}.blog-header p{color:var(--text-muted);max-width:800px;line-height:1.7}.blog-topics{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;margin-top:2rem;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-card.interactive:hover{border-color:var(--accent);box-shadow:0 10px 20px -10px rgba(var(--accent-rgb,99,102,241),.3);transform:translateY(-4px)}.blog-card h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem}.blog-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.blog-card.next{cursor:pointer;touch-action:manipulation;user-select:none}.article-view{max-width:760px;margin:0 auto;padding:1rem 0 4rem;animation:.4s ease-out fadeIn}.back-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.back-btn:hover{border-color:var(--accent);color:var(--accent);transform:translate(-4px)}.article-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem}.article-title{color:var(--text-main);margin-bottom:.8rem;font-size:2.3rem;line-height:1.25}.article-meta{color:var(--text-muted);align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:.85rem;display:flex}.article-meta .dot{color:var(--accent);font-weight:700}.article-subtitle{color:var(--text-muted);border-left:3px solid var(--accent);margin-top:1rem;padding-left:1.2rem;font-size:1.15rem;font-style:italic;line-height:1.6}.article-content-wrapper{color:var(--text-main);font-size:1.05rem;line-height:1.8}.article-lead{color:var(--text-main);margin-bottom:2rem;font-size:1.2rem;font-weight:400;line-height:1.7}.article-body h3{color:var(--text-main);margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.article-body p{margin-bottom:1.5rem}.article-body ul{margin-bottom:1.8rem;padding-left:1.5rem}.article-body li{margin-bottom:.6rem}.code-snippet{border:1px solid var(--border);background:#1e1e24;border-radius:8px;margin:1.8rem 0;padding:1.2rem;overflow-x:auto}.code-snippet code{color:#8be9fd;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}}.reports-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw;transition:background-color .3s,color .3s}.reports-hero{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.reports-hero h1{color:var(--text-main);margin-bottom:.7rem;font-size:2.1rem}.reports-hero p{max-width:780px;color:var(--text-muted);font-size:.98rem;line-height:1.7}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:1rem;display:grid}.report-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.report-card:hover{border-color:var(--accent);transform:translateY(-2px)}.report-card h2{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem}.report-card p{color:var(--text-muted);margin-bottom:.8rem;font-size:.9rem;line-height:1.7}.report-link{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none}.report-link:hover{text-decoration:underline}@media (width<=640px){.reports-page{padding:2rem 5vw 2.5rem}}.footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;background:var(--bg-alt);margin-top:auto;padding:1.5rem 6vw;font-size:.82rem;transition:background-color .3s,border-color .3s}.footer-note{margin-top:.3rem;font-size:.78rem}.craft-page{color:var(--text-main);background:var(--bg);min-height:80vh;padding:4rem 6vw;transition:background-color .3s,color .3s}.craft-header{color:var(--text-main);letter-spacing:-.02em;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700}.craft-intro{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.craft-subtitle{color:var(--text-main);margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600}.craft-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:1.2rem;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.craft-title{background:var(--card-bg);cursor:pointer;color:var(--text-main);border-bottom:1px solid #0000;align-items:center;padding:1rem 1.2rem;font-size:1.05rem;font-weight:600;transition:all .2s;display:flex}.craft-section .craft-title{border-bottom:1px solid var(--border)}.craft-title:hover{background:var(--border);color:var(--accent)}.craft-code{font-size:.85rem}.craft-footer{color:var(--text-main);margin-top:3rem;font-size:1rem;line-height:1.6}.craft-note{color:var(--text-muted);margin-top:.5rem;font-size:.9rem;font-style:italic;display:block}.craft-block{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.craft-block:active,.craft-section:active{transform:scale(.995)}.craft-overlay{background:var(--bg);z-index:9999;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.ai-collab-page{min-height:100vh;color:var(--text-main);background:var(--bg);padding:3rem 6vw;transition:background-color .3s,color .3s}.ai-header{text-align:center;max-width:800px;margin:0 auto 3rem}.ai-header h1{background:linear-gradient(135deg,var(--text-main)40%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.8rem;font-size:2.8rem}.ai-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.tab-container{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;padding:4px;transition:background-color .3s;display:inline-flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.6rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-soft)}.simulator-layout{gap:2rem;max-width:1200px;margin:0 auto;display:flex}.simulator-layout.centered{flex-direction:column;align-items:center;max-width:800px}.simulator-controls-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:background-color .3s;display:flex}.simulator-controls-bar .scenario-info h3{color:var(--text-main);margin-bottom:.25rem;font-size:1.1rem}.simulator-controls-bar .scenario-info p{color:var(--text-muted);font-size:.82rem}.simulator-controls-bar .simulate-start-btn{width:auto;min-width:200px}.scenario-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);height:fit-content;box-shadow:var(--shadow);flex-direction:column;flex:1;padding:1.5rem;display:flex}.scenario-sidebar h3{color:var(--text-main);margin-bottom:.4rem;font-size:1.25rem}.sidebar-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.scenario-list{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}.scenario-btn{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.scenario-btn:hover:not(.disabled){border-color:var(--accent);background:var(--bg-alt)}.scenario-btn.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 10px var(--accent-soft)}.scenario-btn h4{color:var(--text-main);margin-bottom:.25rem;font-size:.95rem}.scenario-btn p{color:var(--text-muted);font-size:.8rem}.scenario-btn.disabled{opacity:.4;cursor:not-allowed}.simulate-start-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 12px var(--accent-soft);border:none;padding:.8rem 1.5rem;font-weight:600;transition:all .25s}.simulate-start-btn:hover:not(:disabled){box-shadow:0 6px 15px var(--accent-soft);transform:translateY(-2px)}.simulate-start-btn:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.chat-simulator{flex:2.2}.simulator-layout.centered .chat-simulator{width:100%}.chat-window{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);height:580px;box-shadow:var(--shadow);flex-direction:column;transition:background-color .3s;display:flex;overflow:hidden}.chat-header{background:var(--card-bg);border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.9rem 1.2rem;transition:background-color .3s;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.chat-header span{color:var(--text-main);font-size:.85rem;font-weight:600}.agent-role{background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;margin-left:auto;padding:2px 10px;font-weight:600;color:var(--accent)!important;font-size:.75rem!important}.chat-messages{flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-placeholder{text-align:center;max-width:400px;margin:auto}.placeholder-icon{margin-bottom:1rem;font-size:2.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chat-placeholder p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.message-row{gap:.8rem;max-width:85%;display:flex}.message-row.user{flex-direction:row-reverse;margin-left:auto}.avatar{background:var(--card-bg);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.sender-name{color:var(--text-muted);margin-bottom:4px;font-size:.75rem}.message-row.user .sender-name{text-align:right}.message-bubble{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);box-shadow:var(--shadow);padding:.85rem 1.1rem;font-size:.9rem;line-height:1.5}.message-row.user .message-bubble{background:var(--accent-soft);border-color:var(--accent);border-radius:var(--radius-md)0 var(--radius-md)var(--radius-md)}.message-row.system .message-bubble{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);opacity:.9;font-family:monospace;font-size:.8rem}.code-block-wrapper{border-radius:var(--radius-md);border:1px solid var(--border);max-width:100%;margin-top:5px;overflow:hidden}.code-header{background:var(--bg);color:var(--text-muted);border-bottom:1px solid var(--border);padding:6px 12px;font-size:.75rem}.code-block-wrapper pre{font-size:.8rem!important}.markdown-block{font-size:.85rem}.markdown-block h4{color:var(--text-main);margin:.5rem 0;font-size:.95rem}.markdown-block span{border-bottom:1px solid var(--border);padding:6px;font-size:.8rem;display:inline-block}.thinking-bubble{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:.8rem 1.1rem;display:flex}.thinking-dots{gap:4px;display:flex}.thinking-dots span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}.thinking-text{color:var(--text-muted);font-family:monospace;font-size:.75rem}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.agent-internal-thought{color:#d97706;background:#f59e0b0f;border-top:1px solid #f59e0b26;padding:.8rem 1.2rem}:root[data-theme=light] .agent-internal-thought{color:#b45309;background:#d977060d}.agent-internal-thought h5{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem}.agent-internal-thought p{font-family:monospace;font-size:.8rem;line-height:1.4}.animate-slide{animation:.3s ease-out slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.architecture-layout{max-width:1100px;margin:0 auto}.arch-intro{text-align:center;margin-bottom:3rem}.arch-intro h2{color:var(--text-main);margin-bottom:.6rem;font-size:1.8rem}.arch-intro p{color:var(--text-muted);max-width:750px;margin:0 auto;font-size:.95rem;line-height:1.6}.architecture-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.arch-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem 1.5rem 1.5rem;transition:all .3s;position:relative}.arch-card:hover{border-color:var(--accent);transform:translateY(-4px)}.arch-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;position:absolute;top:1rem;right:1.5rem}.arch-badge.layer-1{background:var(--accent-soft);color:var(--accent)}.arch-badge.layer-2{color:#06b6d4;background:#06b6d426}.arch-badge.layer-3{color:#8b5cf6;background:#8b5cf626}.arch-card h3{color:var(--text-main);margin-top:.4rem;margin-bottom:.8rem;font-size:1.15rem}.arch-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.arch-features{flex-direction:column;gap:.8rem;padding:0;list-style:none;display:flex}.arch-features li{color:var(--text-main);padding-left:1.2rem;font-size:.85rem;line-height:1.4;position:relative}.arch-features li:before{content:"→";color:var(--accent);position:absolute;left:0}.arch-metrics-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);padding:2.5rem}.arch-metrics-section h3{color:var(--text-main);margin-bottom:2rem;font-size:1.3rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.metric-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.metric-num{color:var(--accent);margin-bottom:.4rem;font-size:2.5rem;font-weight:700}.metric-label{color:var(--text-main);margin-bottom:.6rem;font-size:.95rem;font-weight:600}.metric-box p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.story-timeline{border-left:2px dashed var(--border);flex-direction:column;gap:2.5rem;max-width:800px;margin:0 auto 4rem;padding-left:2.5rem;display:flex;position:relative}.story-step{position:relative}.step-number{background:var(--accent);color:#fff;width:26px;height:26px;box-shadow:0 0 10px var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:0;left:-3.3rem}.step-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.8rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.step-content:hover{border-color:var(--accent);transform:translate(5px)}.step-content h3{color:var(--text-main);margin-bottom:.6rem;font-size:1.15rem}.file-tag{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:999px;margin-bottom:1rem;padding:2px 10px;font-family:monospace;font-size:.8rem;font-weight:500;display:inline-block}.step-content p{color:var(--text-muted);margin-bottom:.8rem;font-size:.9rem;line-height:1.5}.step-content ul{margin-bottom:.8rem;padding:0 0 0 1.2rem;list-style:none}.step-content li{color:var(--text-main);margin-bottom:.4rem;font-size:.85rem;line-height:1.4;position:relative}.step-content li:before{content:"→";color:var(--accent);position:absolute;left:-1.2rem}.step-outcome{border-top:1px dashed var(--border);margin-top:.6rem;padding-top:.6rem;font-size:.85rem!important}@media (width<=900px){.simulator-layout{flex-direction:column}.scenario-sidebar{width:100%}.chat-window{height:520px}}@media (width<=600px){.ai-collab-page{padding:2rem 4vw}.ai-header h1{font-size:2rem}.ai-subtitle{margin-bottom:1.5rem;font-size:.95rem}.simulator-controls-bar{text-align:center;flex-direction:column;align-items:stretch;gap:1rem;padding:1.2rem}.simulator-controls-bar .simulate-start-btn{width:100%;min-width:100%}.chat-window{height:460px}.message-row{max-width:95%}.story-timeline{gap:2rem;padding-left:1.5rem}.step-number{width:22px;height:22px;font-size:.75rem;left:-2.25rem}.step-content{padding:1.2rem}}.global-spotlight{background:var(--spotlight-gradient);pointer-events:none;z-index:99996;mix-blend-mode:var(--spotlight-blend);will-change:transform;width:550px;height:550px;transition:background .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-dot{background:var(--cursor-dot);pointer-events:none;z-index:99999;width:6px;height:6px;box-shadow:0 0 10px var(--cursor-dot);will-change:transform;border-radius:50%;transition:width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1),background-color .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-dot.hovered{background:var(--cursor-dot-hover);width:8px;height:8px;box-shadow:0 0 12px var(--cursor-dot-hover)}.custom-cursor-ring{border:1.5px solid var(--cursor-ring);pointer-events:none;z-index:99998;will-change:transform;border-radius:50%;width:28px;height:28px;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),border-color .25s,background-color .25s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring.hovered{border-color:var(--cursor-ring-hover);background:var(--cursor-hover-bg);width:44px;height:44px}@media (hover:hover) and (pointer:fine) and (width>=1024px){body,a,button,input,textarea,select,[role=button]{cursor:none!important}}@media (width<=1023px){.global-spotlight,.custom-cursor-dot,.custom-cursor-ring{display:none!important}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#121212;--bg-alt:#1a1c22;--border:#ffffff14;--text-main:#f5f6f8;--text-muted:#8c919d;--accent:#3b9eff;--accent-cyan:#22d3ee;--accent-soft:#3b9eff1f;--card-bg:#1e222d;--glass-border:#ffffff0f;--shadow:0 8px 30px #0000004d;--radius-lg:24px;--radius-md:16px;--cursor-dot:var(--accent-cyan);--cursor-dot-hover:var(--accent);--cursor-ring:#22d3ee59;--cursor-ring-hover:#3b9eff73;--cursor-hover-bg:#22d3ee0a;--spotlight-gradient:radial-gradient(circle,#3b9eff12 0%,#22d3ee05 45%,transparent 65%);--spotlight-blend:screen}:root[data-theme=light]{--bg:#f4f5f8;--bg-alt:#fff;--border:#00000014;--text-main:#1c1d22;--text-muted:#747881;--accent:#0381fe;--accent-cyan:#06b6d4;--accent-soft:#0381fe1a;--card-bg:#fff;--glass-border:#0000000d;--shadow:0 8px 30px #0000000a;--cursor-dot:var(--accent);--cursor-dot-hover:#0056b3;--cursor-ring:#0381fe59;--cursor-ring-hover:#0381fe80;--cursor-hover-bg:#0381fe08;--spotlight-gradient:radial-gradient(circle,#0381fe17 0%,#0381fe08 45%,transparent 70%);--spotlight-blend:multiply}body{background:var(--bg);color:var(--text-main);font-family:Outfit,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#030712}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app main{animation:.7s cubic-bezier(.34,1.56,.64,1) both geminiPopIn}@keyframes geminiPopIn{0%{opacity:0;transform:translateY(22px)scale(.975)}65%{transform:translateY(-3px)scale(1.004)}85%{transform:translateY(1px)scale(.998)}to{opacity:1;transform:translateY(0)scale(1)}}.availability-banner{text-align:center;color:#bfdbfe;background:#2563eb1f;border-bottom:1px solid #2563eb4d;padding:.5rem 6vw;font-size:.8rem}.craft-overlay{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.8s forwards fadeBlackout;display:flex;position:fixed;top:0;left:0}@keyframes fadeBlackout{0%{opacity:0}to{opacity:1}}.craft-loader{text-align:center;color:#a5b4fc;font-family:monospace;font-size:1.2rem}.craft-loader:after{content:" _";animation:.5s infinite blink}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}#craftOverlay{transition:opacity .3s}@media (width<=1023px){.experience-card:active,.project-card:active,.skill-group:active,.blog-card:active,.contact-card:active,.step-content:active,.scenario-btn:active{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-soft);transition:transform .1s cubic-bezier(.16,1,.3,1),border-color .1s;transform:scale(.97)}.resume-button:active,.simulate-start-btn:active,.tab-btn:active,.theme-toggle-btn:active{opacity:.9;transition:transform 80ms cubic-bezier(.16,1,.3,1);transform:scale(.94)}.experience-tech span:active,.project-tech span:active{border-color:var(--accent);color:var(--accent);transition:transform .1s;transform:scale(.92)}.experience-hero h1,.projects-hero h1,.skills-hero h1,.resume-hero h1,.reports-hero h1,.ai-header h1{animation:.6s cubic-bezier(.16,1,.3,1) both mobileSlideLeft}@keyframes mobileSlideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.experience-hero p,.projects-hero p,.skills-hero p,.resume-hero p,.reports-hero p,.ai-subtitle{animation:.7s cubic-bezier(.16,1,.3,1) .1s both mobileFadeIn}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.sun-icon,.moon-icon{animation:.4s cubic-bezier(.175,.885,.32,1.275) both rotateScaleIn}@keyframes rotateScaleIn{0%{opacity:0;transform:rotate(-45deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}.scroll-to-top-btn{background:var(--card-bg);border:1px solid var(--border);width:46px;height:46px;color:var(--text-main);cursor:pointer;z-index:999;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1),border-color .3s,color .3s,box-shadow .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)scale(.8);box-shadow:0 4px 20px #00000040}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.scroll-to-top-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 6px 25px var(--accent-soft);transform:translateY(-4px)scale(1.05)}.scroll-to-top-btn:active{transform:translateY(-1px)scale(.95)}@media (width<=768px){.scroll-to-top-btn{width:42px;height:42px;bottom:1.5rem;right:1.5rem}}.card,.blog-card,.timeline-item,.project-card,.skill-group{position:relative;overflow:hidden}.card:before,.blog-card:before,.timeline-item:before,.project-card:before,.skill-group:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b9eff00 30%,#22d3ee12 50%,#ec489912 65%,#3b9eff00 85%,#0000 100%) 0 0/200% 100%;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:skew(-20deg)translate(-150%)}.card:hover:before,.blog-card:hover:before,.timeline-item:hover:before,.project-card:hover:before,.skill-group:hover:before{transform:skew(-20deg)translate(150%)}.card,.blog-card,.timeline-item,.experience-card,.project-card,.skill-group,.scorecard-card,.stack-layer-card{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.card:hover,.blog-card:hover,.timeline-item:hover,.experience-card:hover,.project-card:hover,.skill-group:hover,.scorecard-card:hover,.stack-layer-card:hover{border-color:var(--accent)!important;box-shadow:0 12px 30px var(--accent-soft)!important;transform:translateY(-5px)!important}.animate-on-mount{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}