.speech-bubble-wrap{position:absolute;top:2%;right:-30px;z-index:10;width:210px;opacity:0;scale:.85;transition:opacity .6s ease,scale .5s cubic-bezier(.34,1.56,.64,1),top .4s ease,right .4s ease,width .4s ease;pointer-events:none;will-change:transform}.speech-bubble-wrap.speech-visible{opacity:1;scale:1;pointer-events:auto}.speech-bubble-wrap.speech-collapsed{top:12%;right:30%;width:auto}.speech-toolbar{display:flex;gap:4px;justify-content:flex-end;margin-bottom:4px}.speech-tool-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:#1e293b99;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);padding:0}.speech-tool-btn:hover{color:var(--color-accent-light);background:#3b82f626}.speech-collapsed .speech-tool-btn{width:30px;height:30px;background:#1e293bbf}.speech-bubble{background:#1e293be0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:10px 14px;cursor:pointer;position:relative;transition:border-color var(--transition-fast),opacity .25s ease}.speech-bubble.speech-hidden{opacity:0;pointer-events:none;visibility:hidden}.speech-bubble:hover{border-color:#3b82f680}.speech-tail{position:absolute;bottom:-7px;left:22px;width:14px;height:14px;background:#1e293be0;border-right:1px solid rgba(59,130,246,.25);border-bottom:1px solid rgba(59,130,246,.25);transform:rotate(45deg);border-radius:0 0 3px}.speech-label{font-size:.65rem;font-weight:700;color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:3px}.speech-text{font-size:.78rem;line-height:1.45;color:var(--color-text-primary);margin:0;max-width:100%;word-wrap:break-word;max-height:200px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.speech-cursor{color:var(--color-accent-light);animation:speechBlink .5s step-end infinite;font-weight:300}@keyframes speechBlink{50%{opacity:0}}.speech-form{margin-top:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .25s ease,margin-top .3s ease;pointer-events:none}.speech-form.speech-form-visible{max-height:50px;margin-top:8px;opacity:1;transform:translateY(0);pointer-events:auto}.speech-input{width:100%;background:#0f172ad9;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:7px 10px;font-size:.75rem;font-family:var(--font-sans);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast)}.speech-input:focus{border-color:var(--color-accent)}.speech-input::placeholder{color:var(--color-text-muted)}.speech-input:disabled{opacity:.5;cursor:not-allowed}.speech-bubble-collapsed{cursor:pointer}.speech-text-collapsed{max-height:2.4em;overflow:hidden}.speech-bubble-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2.2em;background:linear-gradient(to bottom,transparent 0%,rgba(30,41,59,.95) 80%);border-radius:0 0 var(--radius-lg) var(--radius-lg);pointer-events:none;opacity:1;transition:opacity .3s ease}.speech-bubble:not(.speech-bubble-collapsed):after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;opacity:0;transition:opacity .3s ease}@media(max-width:968px){.speech-bubble-wrap{width:190px;right:-20px}}@media(max-width:768px){.speech-bubble-wrap{width:170px;right:-10px;top:-5px}.speech-bubble{padding:8px 11px}.speech-text{font-size:.72rem}}.logo3d-wrapper{position:relative;width:100%;max-width:500px;aspect-ratio:1}.logo3d-container{width:100%;height:100%;border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(circle,var(--color-bg-primary) 0%,var(--color-bg-primary) 40%,transparent 70%)}.logo3d-container canvas{display:block;opacity:0;transform:scale(.85);transition:opacity .8s ease-out,transform .8s ease-out}.logo3d-container.loaded canvas{opacity:1;transform:scale(1)}.logo3d-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border-radius:var(--radius-xl)}.fallback-text{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:800;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:968px){.logo3d-wrapper{max-width:350px}}@media(max-width:768px){.logo3d-wrapper{max-width:280px}}.particles-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;animation:particlesFadeIn .8s ease-out .3s forwards}@keyframes particlesFadeIn{to{opacity:1}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);position:relative}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 25% 55%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(2px 2px at 40% 15%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 55% 70%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 70% 35%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(2px 2px at 15% 80%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 60% 40%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 90% 10%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 35% 90%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 78% 82%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 48% 5%,rgba(255,255,255,.5) 50%,transparent 50%);animation:starfieldFadeIn .5s ease-out forwards;transition:opacity 1s ease-out;pointer-events:none}@keyframes starfieldFadeIn{0%{opacity:0}to{opacity:.4}}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--color-bg-primary));pointer-events:none;z-index:1}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-greeting{font-size:var(--text-lg);color:var(--color-accent-light);font-family:var(--font-mono);margin-bottom:var(--space-sm)}.hero-name{font-size:var(--text-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-md)}.hero-name .accent{color:var(--color-accent)}.hero-title{font-size:var(--text-2xl);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-lg)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin-bottom:var(--space-xl)}.hero-cta{display:flex;gap:var(--space-md)}.hero-visual{display:flex;justify-content:center;align-items:center}.about-content{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3xl);align-items:start}.about-image-wrapper{position:relative;width:250px;height:300px}.about-photo{position:relative;width:100%;height:100%;border-radius:var(--radius-xl);object-fit:cover;object-position:center top;filter:grayscale(10%) contrast(1.05);transition:filter var(--transition-base)}.about-photo:hover{filter:grayscale(0%) contrast(1.1)}.about-text{display:flex;flex-direction:column;gap:var(--space-lg)}.about-text p{font-size:var(--text-base);line-height:1.8}.about-badges{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.section-compact{padding:var(--space-lg) 0}#skills{scroll-margin-top:calc(var(--header-height) + 40px);padding-top:var(--space-4xl)}.dock-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.dock-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--space-xs)}.dock-items{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:12px 20px 14px;width:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;transition:transform .1s ease-out;transform-origin:bottom center;will-change:transform}.dock-item:hover{background:#ffffff1a}.dock-icon{width:48px;height:48px;transition:filter .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.dock-item:hover .dock-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 0 8px var(--skill-color))}.dock-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;background:#000000d9;backdrop-filter:blur(8px);border-radius:8px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px #0000004d}.dock-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000d9}.dock-item:hover .dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}.dock-reflection{width:80%;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);border-radius:50%;filter:blur(8px);margin-top:-8px}.apps-grid,.repos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.timeline{position:relative;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;width:2px;background:linear-gradient(to bottom,var(--color-accent) 0%,rgba(59,130,246,.4) 30%,var(--color-border) 70%,rgba(100,116,139,.3) 100%);height:0;transition:height 2.5s ease}.js-reveal-ready .timeline.revealed:before{height:100%}.timeline-item{position:relative;padding-bottom:var(--space-2xl)}.timeline-item:last-child{padding-bottom:0}.js-reveal-ready .timeline[data-reveal-children]>.timeline-item{transform:none}.js-reveal-ready .timeline[data-reveal-children]>.timeline-item .timeline-content{opacity:0;transform:translate(-20px);transition:opacity .9s ease,transform .9s ease}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item .timeline-content{opacity:1;transform:translate(0)}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item:nth-child(1) .timeline-content{transition-delay:.1s}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item:nth-child(2) .timeline-content{transition-delay:.2s}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item:nth-child(3) .timeline-content{transition-delay:.3s}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item:nth-child(4) .timeline-content{transition-delay:.4s}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item:nth-child(5) .timeline-content{transition-delay:.5s}.js-reveal-ready .timeline[data-reveal-children].revealed>.timeline-item:nth-child(6) .timeline-content{transition-delay:.6s}.timeline-marker{position:absolute;left:calc(-1 * var(--space-xl) + 4px);top:6px;width:12px;height:12px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-bg-primary)}.js-reveal-ready .timeline-marker{opacity:0;transition:opacity .6s ease}.js-reveal-ready .timeline.revealed>.timeline-item .timeline-marker{opacity:1;animation:marker-glow 1.2s ease forwards}.js-reveal-ready .timeline.revealed>.timeline-item:nth-child(1) .timeline-marker{transition-delay:.1s;animation-delay:.1s}.js-reveal-ready .timeline.revealed>.timeline-item:nth-child(2) .timeline-marker{transition-delay:.2s;animation-delay:.2s}.js-reveal-ready .timeline.revealed>.timeline-item:nth-child(3) .timeline-marker{transition-delay:.3s;animation-delay:.3s}.js-reveal-ready .timeline.revealed>.timeline-item:nth-child(4) .timeline-marker{transition-delay:.4s;animation-delay:.4s}.js-reveal-ready .timeline.revealed>.timeline-item:nth-child(5) .timeline-marker{transition-delay:.5s;animation-delay:.5s}.js-reveal-ready .timeline.revealed>.timeline-item:nth-child(6) .timeline-marker{transition-delay:.6s;animation-delay:.6s}@keyframes marker-glow{0%{box-shadow:0 0 #3b82f600}30%{box-shadow:0 0 12px 3px #3b82f680}to{box-shadow:0 0 #3b82f600}}.timeline-content{background:var(--color-bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.timeline-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);overflow-wrap:break-word;word-break:break-word}.job-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary)}.job-at{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:500}.company-logo{width:120px;height:auto;margin-top:.15rem;margin-left:var(--space-xs);object-fit:contain;vertical-align:middle}.job-meta{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.job-highlights{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.job-highlights li{position:relative;padding-left:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.job-highlights li:before{content:"▹";position:absolute;left:0;color:var(--color-accent)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.tool-card{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden;transition:all .3s ease}.tool-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 6px 20px #6366f11a}.tool-card-preview{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg-primary)}.tool-card-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}.tool-card:hover .tool-card-preview img{transform:scale(1.05)}.tool-card-overlay{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--color-bg-card),transparent);pointer-events:none}.tool-card-body{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.tool-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#6366f11a;border-radius:var(--radius-sm);color:var(--color-accent-light)}.tool-card-icon svg{width:15px;height:15px}.tool-card-info{flex:1;min-width:0}.tool-card-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.tool-card-desc{display:none}.tool-card-arrow{flex-shrink:0;color:var(--color-accent);opacity:0;transform:translate(-4px);transition:all .3s ease;display:flex}.tool-card-arrow svg{width:14px;height:14px}.tool-card:hover .tool-card-arrow{opacity:1;transform:translate(0)}section#contact{position:relative;padding-top:var(--space-4xl);padding-bottom:var(--space-3xl);overflow:hidden}section#contact:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to top,transparent,var(--color-bg-primary));pointer-events:none;z-index:1}.contact-container{position:relative;z-index:2;text-align:center;max-width:600px;margin:0 auto}.contact-container .section-title:after{left:50%;transform:translate(-50%)}.contact-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-xl)}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:var(--text-lg)}@media(max-width:1154px){.apps-grid,.repos-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1058px){.dock-items{flex-wrap:wrap;justify-content:center;max-width:100%;gap:8px;padding:12px 16px 14px}}@media(max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-lg)}.hero-subtitle{margin:0 auto var(--space-md)}.hero-cta{justify-content:center}.hero-visual{order:-1;max-height:280px}.about-content{grid-template-columns:1fr;text-align:center}.about-image-wrapper{margin:0 auto;max-width:200px;height:250px}.about-text p{margin:0 auto}.about-badges{justify-content:center}.hero:after{height:80px}.company-logo{width:100px}}@media(max-width:770px){.apps-grid,.repos-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero{min-height:100svh;padding-top:calc(var(--header-height) + var(--space-sm));padding-bottom:var(--space-md)}.hero-container{gap:var(--space-xs)}.hero-visual{max-height:220px}.hero-greeting{margin-bottom:2px;font-size:var(--text-sm)}.hero-name{font-size:var(--text-4xl);margin-bottom:var(--space-xs)}.hero-title{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.hero-subtitle{margin:0 auto var(--space-sm);font-size:var(--text-sm)}.dock-items{padding:10px 12px 12px}.dock-icon{width:40px;height:40px}.dock-item{padding:6px}.tools-grid{grid-template-columns:1fr;gap:var(--space-sm)}.tool-card-preview{aspect-ratio:16 / 6}.tool-card-arrow{opacity:1;transform:translate(0)}.timeline{padding-left:var(--space-lg)}.timeline-marker{left:calc(-1 * var(--space-lg) + 4px)}.company-logo{width:90px}.job-title{font-size:var(--text-lg)}.play-badge{opacity:1;transform:translateY(0)}}@media(max-width:480px){.hero-cta{flex-direction:column;align-items:center;width:100%}.hero-cta .btn{width:100%;justify-content:center}.hero-visual{max-height:180px}.hero:after{height:80px}.hero-name{font-size:var(--text-3xl)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base);width:100%;justify-content:center}.timeline-content{padding:var(--space-md)}.job-meta{flex-direction:column;gap:var(--space-xs)}.about-image-wrapper{max-width:180px;height:220px}.dock-icon{width:36px;height:36px}.dock-item{padding:5px}.dock-items{padding:8px 10px 10px;gap:4px}.contact-subtitle{font-size:var(--text-base)}.section-title{font-size:var(--text-2xl)}}@media(max-width:360px){.hero-name{font-size:clamp(1.5rem,8vw,2rem)}.hero-title{font-size:var(--text-lg)}.dock-icon{width:32px;height:32px}.dock-item{padding:4px}}