:root{--bg:#fbfbfd;--bg-section:#fff;--text:#1d1d1f;--text-secondary:#6e6e73;--accent:#0071e3;--accent-hover:#0077ed;--accent-warm:#4aa8ff;--name-grad-1:#0071e3;--name-grad-2:#7a5cff;--name-grad-3:#00b7ff;--border:#00000014;--nav-bg:#fbfbfdb8;--nav-bg-scrolled:#fbfbfde6;--spotlight:#0071e326;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#0000004d;--font:-apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "Segoe UI", sans-serif}[data-theme=dark]{--bg:#0d0d0f;--bg-section:#161618;--text:#f5f5f7;--text-secondary:#a1a1a6;--accent:#0a84ff;--accent-hover:#409cff;--accent-warm:#64b5ff;--name-grad-1:#5aa8ff;--name-grad-2:#9a86ff;--name-grad-3:#61d6ff;--border:#ffffff14;--nav-bg:#0d0d0fb8;--nav-bg-scrolled:#0d0d0ff2;--spotlight:#0a84ff14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);letter-spacing:-.022em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;font-weight:400;line-height:1.47059}#root{min-height:100vh}body.custom-cursor,body.custom-cursor a,body.custom-cursor button{cursor:none}.cursor-wrapper{pointer-events:none;z-index:999999;position:fixed;inset:0}.cursor-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 70%);border-radius:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;transition:width .3s,height .3s,margin .3s;position:fixed}.cursor-glow--hover{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 70%);width:120px;height:120px;margin-top:-60px;margin-left:-60px}.cursor-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;transition:width .3s,height .3s,margin .3s,background .3s;position:fixed}.cursor-dot--hover{background:color-mix(in srgb, var(--accent) 20%, transparent);border:2px solid var(--accent);width:40px;height:40px;margin-top:-20px;margin-left:-20px}.nav{z-index:100;background:var(--nav-bg);border:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(20px);border-radius:16px;justify-content:space-between;align-items:center;width:min(1120px,100% - 24px);min-height:56px;padding:0 14px 0 16px;transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #00000014}.nav--scrolled{background:var(--nav-bg-scrolled);border-color:color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:0 16px 36px #0000001f}.nav-logo{color:var(--text);letter-spacing:0;flex-direction:column;gap:2px;text-decoration:none;display:inline-flex}.nav-logo-title{letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.1}.nav-logo-subtitle{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.1}.nav-links{flex-wrap:nowrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{align-items:center;display:flex}.mobile-menu-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:9px;font-size:19px;line-height:1;display:none}.nav-links a{color:var(--text-secondary);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a.nav-link-active{color:var(--text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.nav-links a:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.theme-toggle{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s;display:flex}.theme-toggle:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 22px 80px;display:flex;position:relative}.hero-spotlight{pointer-events:none;z-index:0;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0;right:0}.hero>:not(.hero-spotlight):not(.git-path-animation){z-index:1;position:relative}.git-graph-bg{pointer-events:none;z-index:1;background:radial-gradient(circle,#0a0a0c8c 0%,#0a0a0cd9 100%);border-radius:16px;position:absolute;inset:0;overflow:hidden}.git-graph-overlay{pointer-events:none;z-index:9999;border-radius:16px;position:fixed;inset:0;overflow:hidden}.git-graph-canvas{width:100%;height:100%;display:block}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:600}.hero-title{letter-spacing:-.04em;color:var(--text);margin:0 0 24px;font-size:clamp(48px,12vw,96px);font-weight:800;line-height:1.15}.hero-title-name{background:linear-gradient(110deg, var(--name-grad-1) 0%, var(--name-grad-2) 30%, var(--name-grad-3) 60%, var(--name-grad-1) 100%);-webkit-text-fill-color:transparent;will-change:background-position, filter;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:10s linear infinite nameGradientFlow;display:inline-block}@keyframes nameGradientFlow{0%{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--accent-warm) 24%, transparent));background-position:100%}35%{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 28%, transparent));background-position:50% 70%}70%{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--accent-warm) 24%, transparent));background-position:100% 30%}to{filter:drop-shadow(0 0 0 color-mix(in srgb, var(--accent) 0%, transparent));background-position:0%}}.hero-tagline{letter-spacing:-.015em;color:var(--text-secondary);max-width:620px;margin:0 0 32px;font-size:clamp(18px,2.5vw,26px);font-weight:500;line-height:1.4}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.link{color:var(--accent);font-size:17px;font-weight:400;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.link:hover{color:var(--accent-hover);text-decoration:underline}.link--primary{font-weight:500}.link--center{text-align:center;margin-top:40px;display:block}.section{max-width:980px;margin:0 auto;padding:100px 22px}.section--alt{background:var(--bg-section)}.section-inner{max-width:800px;margin:0 auto}.section-title{letter-spacing:-.003em;color:var(--text);text-align:center;margin:0 0 24px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.083}.section-lead{color:var(--text);margin:0 0 16px;font-size:24px;font-weight:400;line-height:1.381}.section-text{color:var(--text-secondary);margin:0 0 24px;font-size:17px;line-height:1.47059}.section-text--mt{margin-top:32px}.terminal{background:var(--terminal-bg,#1e1e1e);border:1px solid var(--terminal-border,#ffffff14);border-radius:12px;margin:24px 0;font-family:JetBrains Mono,ui-monospace,SF Mono,Cascadia Code,monospace;font-size:14px;line-height:1.5;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}[data-theme=light] .terminal{--terminal-bg:#1e1e1e;--terminal-border:#ffffff1a}[data-theme=dark] .terminal{--terminal-bg:#0d1117;--terminal-border:#ffffff0f}.terminal-header{border-bottom:1px solid var(--terminal-border);background:#0003;align-items:center;gap:12px;padding:12px 16px;display:flex}.terminal-buttons{gap:8px;display:flex}.terminal-btn{border-radius:50%;width:12px;height:12px}.terminal-btn--red{background:#ff5f57}.terminal-btn--yellow{background:#febc2e}.terminal-btn--green{background:#28c840}.terminal-title{color:#ffffff80;font-size:12px}.terminal-body{min-height:200px;max-height:320px;padding:20px;overflow-y:auto}.terminal-line{flex-wrap:wrap;align-items:center;min-height:1.5em;display:flex}.terminal-prompt{color:#7ee787;white-space:pre-wrap}.terminal-cmd{color:#fff}.terminal-output{color:#c9d1d9}.terminal-cursor{color:#7ee787;opacity:0}.terminal-cursor--visible{opacity:1}.terminal-input{color:#fff;font-family:inherit;font-size:inherit;caret-color:#0000;background:0 0;border:none;outline:none;flex:1;width:auto;min-width:0;margin:0;padding:0}.terminal-input-wrapper{flex:1;align-items:center;display:flex}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px 64px;margin-top:48px;display:grid}.skill-group{text-align:center}.skill-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:600}.skill-list{color:var(--text);margin:0;font-size:17px;line-height:1.47059}.projects-list{margin-top:48px}.project{border-bottom:1px solid var(--border);padding:48px 0}.project-title{letter-spacing:.009em;color:var(--text);margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.166}.status-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite statusPulse}@keyframes statusPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.9)}}.status-badge--thesis{color:#818cf8;background:#818cf81f;border-color:#818cf84d}.status-badge--thesis:before{background:#818cf8;animation:none}.project-desc{color:var(--text-secondary);margin:0 0 12px;font-size:17px;line-height:1.47059}.section--contact{padding:120px 22px}.contact-inner{text-align:center;max-width:600px;margin:0 auto}.contact-title{letter-spacing:-.003em;color:var(--text);margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.083}.contact-text{color:var(--text-secondary);margin:0 0 32px;font-size:17px;line-height:1.47059}.btn{color:#fff;background:var(--accent);border-radius:980px;padding:12px 22px;font-size:17px;font-weight:400;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.btn:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0;margin-left:10px}.btn-secondary:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.contact-links{justify-content:center;gap:24px;margin-top:32px;display:flex}.contact-link{color:var(--text-secondary);padding:8px;transition:color .2s}.contact-link:hover{color:var(--accent)}.footer{text-align:center;border-top:1px solid var(--border);padding:40px 22px}.footer p{color:var(--text-secondary);margin:0;font-size:12px}.projects-more{border-top:1px solid var(--border);justify-content:center;margin-top:40px;padding:24px 0;display:flex}.contact-form{text-align:left;flex-direction:column;gap:16px;max-width:500px;margin:40px auto 32px;display:flex}.form-group{flex-direction:column;display:flex}.contact-form input,.contact-form textarea{background:var(--bg-section);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.contact-form .btn{cursor:pointer;border:none;margin-top:8px}.contact-form .btn--loading{opacity:.7;cursor:not-allowed}.form-status{border-radius:12px;margin-bottom:8px;padding:12px;font-size:14px}.form-status--success{color:#28c840;background:#28c8401a;border:1px solid #28c84033}.form-status--error{color:#ff5f57;background:#ff5f571a;border:1px solid #ff5f5733}@media (width<=734px){.nav{width:100%;box-shadow:none;border-left:0;border-right:0;border-radius:0;justify-content:space-between;min-height:48px;padding:0 12px;top:0;left:0;transform:none}.nav-logo{gap:0}.nav-logo-subtitle{display:none}.mobile-menu-toggle{justify-content:center;align-items:center;display:inline-flex}.nav-links{z-index:130;border:1px solid var(--border);background:var(--bg-section);border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:12px;display:none;position:fixed;top:58px;left:10px;right:10px;box-shadow:0 20px 34px #0000002e}.nav-links--open{display:flex}.nav-links li{width:100%}.nav-links a,.theme-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, var(--bg-section));border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:40px;display:inline-flex}.nav-links a.nav-link-active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.hero{min-height:auto;padding-top:96px}.section-title{font-size:clamp(28px,8vw,34px)}.hero{padding:100px 22px 60px}.hero-cta{flex-direction:column}.section{padding:60px 22px}.section--contact{padding:80px 22px}.skills-grid{grid-template-columns:1fr;gap:32px}.project-actions{gap:10px}}.link-button{cursor:pointer;background:0 0;border:0;padding:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-modal{background:var(--bg-section);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;width:min(760px,100%);max-height:90vh;padding:18px;position:relative;overflow:hidden auto}.project-modal::-webkit-scrollbar{width:6px}.project-modal::-webkit-scrollbar-track{background:0 0}.project-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.project-modal::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.project-modal--emergency{border-color:color-mix(in srgb, #06f 45%, var(--border));animation:1.6s linear infinite emergencyModalPulse}.emergency-glow{pointer-events:none;z-index:1;border-top-left-radius:15px;border-top-right-radius:15px;height:220px;position:absolute;top:0;left:0;right:0;overflow:hidden}.emergency-glow:before{content:"";filter:blur(8px);background:radial-gradient(circle,#0066ff73 0%,#0000 70%);width:380px;height:280px;animation:1.6s linear infinite strobeLeft;position:absolute;top:-60px;left:-20px}.emergency-glow:after{content:"";filter:blur(8px);background:radial-gradient(circle,#0066ff73 0%,#0000 70%);width:380px;height:280px;animation:1.6s linear infinite strobeRight;position:absolute;top:-60px;right:-20px}@keyframes strobeLeft{0%,20%,40%,to{opacity:0}10%,30%{opacity:1}}@keyframes strobeRight{0%,50%,70%,90%,to{opacity:0}60%,80%{opacity:1}}@keyframes emergencyModalPulse{0%,20%,40%,50%,70%,90%,to{border-color:color-mix(in srgb, #06f 25%, var(--border));box-shadow:0 0 15px #0066ff14,0 25px 50px -12px #00000040}10%,30%{border-color:color-mix(in srgb, #06f 70%, var(--border));box-shadow:-20px 0 40px #06f6,0 25px 50px -12px #00000040}60%,80%{border-color:color-mix(in srgb, #06f 70%, var(--border));box-shadow:20px 0 40px #06f6,0 25px 50px -12px #00000040}}.project-modal--security{border-color:color-mix(in srgb, #0f6 45%, var(--border));animation:2s ease-in-out infinite securityModalPulse}.security-glow{pointer-events:none;z-index:1;background:linear-gradient(#00ff660d 0%,#0000 100%);border-top-left-radius:15px;border-top-right-radius:15px;height:220px;position:absolute;top:0;left:0;right:0;overflow:hidden}.security-glow:before{content:"";filter:blur(10px);background:radial-gradient(circle at 50% 0,#0f63 0%,#0000 60%);height:100%;animation:4s ease-in-out infinite securityGlowPulse;position:absolute;top:0;left:0;right:0}.security-glow:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#0f6,#0000);height:2px;animation:3s linear infinite sweepingRadar;position:absolute;top:0;left:0;right:0}@keyframes securityModalPulse{0%,to{border-color:color-mix(in srgb, #0f6 25%, var(--border));box-shadow:0 0 15px #00ff6614,0 25px 50px -12px #00000040}50%{border-color:color-mix(in srgb, #0f6 80%, var(--border));box-shadow:0 0 30px #00ff6640,0 25px 50px -12px #00000040}}@keyframes securityGlowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes sweepingRadar{0%{top:0%}to{top:100%}}@media (width<=734px){.project-modal{border-radius:12px;padding:14px}.modal-image{height:180px}.groupthink-table-overlay{padding-top:130px}}.modal-actions{z-index:10;gap:8px;display:flex;position:absolute;top:14px;right:14px}.modal-close,.modal-share{background:color-mix(in srgb, var(--bg-section) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;color:var(--text);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}.modal-close:hover,.modal-share:hover{background:color-mix(in srgb, var(--border) 60%, transparent);transform:scale(1.05)}.modal-share.copied{color:#10b981;background:#10b98126}.modal-image{object-fit:cover;z-index:2;border-radius:12px;width:100%;height:280px;margin-bottom:14px;transition:box-shadow .3s,transform .3s;position:relative}.modal-image:hover{box-shadow:0 0 15px #f59e0b66}.modal-image-gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;margin-bottom:6px;padding-bottom:8px;display:flex;overflow-x:auto}.modal-image-gallery .modal-image{scroll-snap-align:center;flex:0 0 calc(100% - 32px);margin-bottom:0}.modal-image-gallery::-webkit-scrollbar{height:6px}.modal-image-gallery::-webkit-scrollbar-track{background:color-mix(in srgb, var(--border) 40%, transparent);border-radius:4px}.modal-image-gallery::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.gallery-scroll-hint{color:#fff;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:2s infinite pulseRight;display:flex;position:absolute;top:140px;right:16px;transform:translateY(-50%)}@keyframes pulseRight{0%{opacity:.8;transform:translateY(-50%)}50%{opacity:.3;transform:translate(6px,-50%)}to{opacity:.8;transform:translateY(-50%)}}.modal-text-content{z-index:6;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:18px;position:relative}.modal-facts{gap:8px;margin:10px 0 16px;padding:0;list-style:none;display:grid}.modal-facts li{color:var(--text-secondary)}.modal-facts strong{color:var(--text)}.project-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.project-actions a,.project-actions button{vertical-align:middle;align-items:center!important;display:inline-flex!important}.project-direct{font-size:15px}.project-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.project-tag{color:color-mix(in srgb, var(--text) 78%, var(--text-secondary));border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:999px;padding:4px 9px;font-size:12px}.project-tag--language{background:color-mix(in srgb, var(--accent) 13%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.project-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:12px}.filter-chip--active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-warm));border-color:#0000}.section-subtitle{text-align:center;color:var(--text);margin:36px 0 14px;font-size:22px}.stack-radar{margin-top:16px}.stack-group{margin-bottom:20px}.stack-group-title{color:var(--text);letter-spacing:.01em;margin:0 0 8px;font-weight:600}.stack-row{grid-template-columns:1fr;gap:6px;margin-bottom:12px;display:grid}.stack-row-head{color:var(--text);justify-content:space-between;align-items:center;gap:8px;display:flex}.stack-level{color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-section) 90%, transparent);border-radius:999px;padding:2px 8px;font-size:12px}.stack-bar{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:999px;height:8px;overflow:hidden}.stack-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 88%, #fff), color-mix(in srgb, var(--accent-hover) 82%, #fff));height:100%}.stack-context{color:color-mix(in srgb, var(--text-secondary) 88%, var(--text));margin:0;font-size:13px}.timeline{gap:12px;display:grid}.timeline-item{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 5%, var(--bg-section));border-radius:12px;padding:12px}.timeline-year{color:var(--accent);margin:0 0 4px;font-weight:700}.timeline-text{color:var(--text-secondary);margin:0}.case-study{margin:0 0 14px}.case-study h4{margin:0 0 8px}.case-study p{color:var(--text-secondary);margin:0 0 6px}.contact-mail{color:var(--text-secondary);text-align:center;margin:12px 0 0;font-size:14px}.contact-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.contact-link{color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-section) 70%, transparent);border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:color .2s,transform .2s,border-color .2s,background .2s;display:inline-flex}.contact-link:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-2px)}.projects-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.project{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-section) 86%, transparent);border-radius:14px;padding:24px;transition:box-shadow .3s,border-color .3s}.project:first-child{padding-top:24px}.project-content{max-width:none}.project-title{font-size:21px}.project-desc{font-size:16px}@media (width<=900px){.projects-list{grid-template-columns:1fr}}@media (width<=734px){.contact-links{gap:10px}.btn-secondary{margin-top:10px;margin-left:0}.stack-row-head{font-size:14px}}.chatbot{z-index:240;position:fixed;bottom:22px;right:22px}.chatbot-toggle{border:1px solid var(--border);background:var(--bg-section);width:52px;height:52px;color:var(--text);cursor:pointer;border-radius:999px;font-size:24px;box-shadow:0 10px 24px #00000024}.chatbot-panel{border:1px solid var(--border);background:var(--bg-section);border-radius:14px;width:min(360px,100vw - 24px);margin-bottom:12px;overflow:hidden;box-shadow:0 20px 36px #0000002e}.chatbot-header{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.chatbot-header strong{color:var(--text)}.chatbot-messages{gap:8px;max-height:240px;padding:12px;display:grid;overflow:auto}.chatbot-msg{color:var(--text);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.45}.chatbot-msg--user{background:color-mix(in srgb, var(--text) 10%, transparent);border-color:color-mix(in srgb, var(--text) 18%, transparent)}.chatbot-quick{flex-wrap:wrap;gap:6px;padding:0 12px 10px;display:flex}.chatbot-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 9px;font-size:12px}.chatbot-chip:hover{color:var(--accent);border-color:var(--accent)}.chatbot-form{border-top:1px solid var(--border);gap:8px;padding:10px 12px 12px;display:flex}.chatbot-input{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;background:0 0;border-radius:9px;flex:1;padding:8px 10px}.chatbot-send{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:9px;padding:8px 11px;font-size:13px}.chatbot-send:disabled{opacity:.55;cursor:not-allowed}.chatbot-form--locked .chatbot-send{display:none}.chatbot-form--locked .chatbot-input{cursor:not-allowed;opacity:.75}.chatbot-thinking{color:var(--text-secondary);padding:0 12px 12px;font-size:12px}@media (width<=734px){.chatbot{bottom:10px;right:10px}}.cv-head{text-align:center;margin-bottom:24px}.main-cv-only{padding-top:56px}.main-cv-only .section{max-width:1100px}.cv-head h3{margin:0;font-size:30px}.cv-head p{color:var(--text-secondary);margin:8px 0 0}.cv-download-btn{cursor:pointer;border:0;margin-top:14px}.cv-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.cv-card{border:1px solid var(--border);background:var(--bg-section);border-radius:14px;padding:18px}.cv-card h4{margin:0 0 12px;font-size:18px}.cv-item{border-bottom:1px dashed color-mix(in srgb, var(--border) 80%, transparent);margin-bottom:14px;padding-bottom:10px}.cv-item:last-child{border-bottom:0;padding-bottom:0}.cv-item-title{color:var(--text);margin:0;font-weight:600}.cv-item-period{color:var(--accent);margin:4px 0 8px;font-size:13px}.cv-item p{color:var(--text-secondary);margin:4px 0}.cv-item ul{color:var(--text-secondary);margin:0;padding-left:18px}.cv-item li{margin-bottom:4px}.cv-languages{color:var(--text-secondary);margin:0;padding-left:18px}@media (width<=900px){.cv-grid{grid-template-columns:1fr}}.marquee-wrapper{background:0 0;align-items:center;width:100%;padding:30px 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{white-space:nowrap;gap:32px;animation:30s linear infinite scrollMarquee;display:flex}.marquee-content:hover{animation-play-state:paused}.marquee-item{background:var(--bg-section);border:1px solid var(--border);color:var(--text);letter-spacing:.02em;cursor:default;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .2s,border-color .2s,color .2s;display:inline-flex;box-shadow:0 4px 12px #0000000d}.marquee-item:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 16px))}}.osu-container{pointer-events:none;z-index:9999;border-radius:16px;position:fixed;inset:0;overflow:hidden}.osu-circle-wrapper{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;width:54px;height:54px;position:absolute;transform:translate(-50%,-50%)}.osu-inner-circle{color:#fff;-webkit-backdrop-filter:blur(2px);text-shadow:0 1px 2px #0009;background:radial-gradient(circle,#ff66aa38 0%,#ff66aa14 100%);border:3px solid #f6a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700;transition:transform .1s;display:flex;box-shadow:0 0 16px #f6a6,inset 0 0 8px #ff66aa4d}.osu-circle-wrapper:active .osu-inner-circle{transform:scale(.9)}.osu-approach-circle{pointer-events:none;border:1.5px solid #ff66aabf;border-radius:50%;animation:1s linear forwards osuApproach;position:absolute;inset:-1px}@keyframes osuApproach{0%{opacity:.9;transform:scale(2.8)}to{opacity:.15;transform:scale(1)}}.osu-hit-effect{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:6;text-shadow:0 2px 4px #00000080;font-family:system-ui,-apple-system,sans-serif;font-size:22px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.osu-hit-effect--hit{color:#6fa;animation:.6s cubic-bezier(.18,.89,.32,1.28) forwards osuFloatHit}.osu-hit-effect--miss{color:#f44;font-size:20px;animation:.6s ease-in forwards osuFloatMiss}@keyframes osuFloatHit{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-100%)scale(1.3)}}@keyframes osuFloatMiss{0%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}50%{opacity:.8;transform:translate(-50%,-30%)rotate(15deg)}to{opacity:0;transform:translate(-50%)rotate(-15deg)scale(.8)}}.osu-hud{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px 4px #0009;flex-direction:column;align-items:flex-end;font-family:system-ui,-apple-system,sans-serif;font-weight:700;display:flex;position:absolute;top:16px;right:64px}.osu-score{color:#fff;letter-spacing:.05em;font-size:20px}.osu-combo{color:#f6a;margin-top:2px;font-size:15px}.popcorn-container{pointer-events:none;z-index:9999;border-radius:16px;position:fixed;inset:0;overflow:hidden}.popcorn-item{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;width:38px;height:38px;animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards popcornJump;position:absolute;bottom:-60px;transform:translate(-50%,50%)}.popcorn-item--clicked{pointer-events:none;animation:.2s ease-out forwards popcornEat}@keyframes popcornJump{0%{bottom:-60px;transform:translate(-50%)scale(.6)rotate(0)}45%{transform:translate(-50%)scale(.8)rotate(180deg)}50%{bottom:var(--peak-height);transform:translate(-50%)scale(1.35)rotate(190deg)}to{bottom:-80px;transform:translate(-50%)scale(1.25)rotate(360deg)}}@keyframes popcornEat{0%{opacity:1;transform:translate(-50%)scale(1.35)}to{opacity:0;transform:translate(-50%,-20px)scale(0)}}.popcorn-sprite{background:#fa0;border-radius:50% 50% 40% 40%;width:100%;height:100%;animation:2.5s step-end forwards spritePop;box-shadow:inset -2px -2px 6px #00000040,0 2px 4px #0003}@keyframes spritePop{0%{background:#fa0;border-radius:50% 50% 40% 40%}50%{background:#fff;border-radius:50%;box-shadow:0 0 0 3px #fff,-7px -4px 0 1px #fff,7px -4px 0 1px #fff,0 -7px 0 1px #fff,-3px 4px 0 1px #fff,3px 4px 0 1px #fff,inset -3px -3px 6px #f6eacf,0 3px 6px #00000026}}.osu-end-screen{-webkit-backdrop-filter:blur(8px);color:#fff;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.osu-end-title{color:#f6a;text-shadow:0 0 16px #ff66aa80;margin:0 0 8px;font-size:28px;font-weight:800}.osu-end-score{color:#fff;margin:0 0 24px;font-size:20px;font-weight:600}.osu-replay-btn{color:#fff;cursor:pointer;background:#f6a;border:0;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .2s,background .2s;box-shadow:0 4px 14px #f6a6}.osu-replay-btn:hover{background:#ff4fa1;transform:translateY(-2px)}.osu-replay-btn:active{transform:translateY(0)}.memory-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;background:#0d1117d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.memory-modal{background:var(--bg-section);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:stretch;gap:20px;width:min(480px,100%);padding:24px;display:flex;position:relative;box-shadow:0 25px 60px #0006}.memory-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.memory-header h2{color:var(--text);margin:0;font-size:20px;font-weight:700}.memory-stats{color:var(--text-secondary);gap:16px;font-size:14px;display:flex}.memory-stats strong{color:var(--text)}.memory-grid{perspective:1000px;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.memory-card{aspect-ratio:3/4;cursor:pointer}.memory-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.memory-card--flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{backface-visibility:hidden;border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 4px 12px #0000001a}.memory-card-front{background:color-mix(in srgb, var(--bg) 60%, var(--bg-section));color:var(--text-secondary);font-size:24px;font-weight:700}.memory-card-front:hover{background:color-mix(in srgb, var(--accent) 8%, var(--bg-section));border-color:color-mix(in srgb, var(--accent) 30%, var(--border));color:var(--accent)}.memory-card-back{background:color-mix(in srgb, var(--accent) 10%, var(--bg-section));border-color:color-mix(in srgb, var(--accent) 40%, var(--border));gap:4px;padding:8px;transform:rotateY(180deg)}.memory-card--matched .memory-card-back{background:color-mix(in srgb, #28c840 12%, var(--bg-section));border-color:color-mix(in srgb, #28c840 40%, var(--border));box-shadow:0 0 15px #28c84026}.memory-card-emoji{font-size:32px}.memory-card-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:600;overflow:hidden}.memory-win-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0d1117d9;border-radius:20px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.memory-win-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.memory-win-content h3{color:#28c840;text-shadow:0 0 16px #28c8404d;margin:0;font-size:28px}.memory-win-content p{color:var(--text-secondary);margin:0;font-size:16px}.memory-win-buttons{gap:12px;margin-top:8px;display:flex}.memory-close-btn{cursor:pointer;align-self:center;margin-top:10px}.testimonials-marquee-wrapper{background:0 0;align-items:center;width:100%;margin-top:32px;padding:24px 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.testimonials-marquee-content{white-space:nowrap;gap:24px;animation:32s linear infinite scrollTestimonials;display:flex}.testimonials-marquee-content:hover{animation-play-state:paused}@keyframes scrollTestimonials{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.testimonial-card{background:var(--bg-section);border:1px solid var(--border);text-align:left;white-space:normal;border-radius:16px;flex-direction:column;flex-shrink:0;gap:12px;width:340px;padding:24px;transition:transform .3s cubic-bezier(.165,.84,.44,1),border-color .3s;display:flex;box-shadow:0 8px 30px #0000000a}.testimonial-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.testimonial-card--clickable{cursor:pointer}.testimonial-card--clickable:hover{border-color:#f6a!important;box-shadow:0 12px 36px #ff66aa26!important}.testimonial-header-info{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:color-mix(in srgb, var(--accent) 12%, transparent);width:44px;height:44px;color:var(--accent);letter-spacing:.02em;border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.testimonial-author{color:var(--text);margin:0;font-size:15px;font-weight:600}.testimonial-role{color:var(--text-secondary);margin:2px 0 0;font-size:12px;font-weight:500}.testimonial-quote{color:var(--text-secondary);margin:0;font-size:14.5px;font-style:italic;line-height:1.5}.github-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:999px;align-items:center;padding:2px 8px;font-size:13px;font-weight:600;display:inline-flex}.repo-stars-badge{background:color-mix(in srgb, var(--text-secondary) 15%, transparent);color:var(--text-secondary);border-radius:999px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;line-height:1;transition:background .2s,color .2s;display:inline-flex}.project-direct:hover .repo-stars-badge{background:var(--accent);color:#fff}.github-activity-wrapper{width:100%;max-width:100%;overflow:visible}.github-activity-wrapper svg{max-width:100%!important;height:auto!important}#testimonials{background:0 0}#testimonials .section-inner{box-shadow:none;background:0 0;border:none}.arcade-retro-bg{pointer-events:none;z-index:1;background:radial-gradient(circle,#101610bf 0%,#050705f2 100%);border-radius:15px;position:absolute;inset:0;overflow:hidden}.arcade-retro-screen{pointer-events:none;z-index:9999;border-radius:15px;position:fixed;inset:0;overflow:hidden}.arcade-retro-screen:before{content:"";opacity:.45;pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#28c8400d,#28c84003,#28c8400d) 0 0/6px 100%;position:absolute;inset:0}.screen-shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}10%,90%{transform:translate(-3px,2px)}20%,80%{transform:translate(3px,-2px)}30%,70%{transform:translate(-3px,-2px)}40%,60%{transform:translate(3px,2px)}50%{transform:translate(-1px,3px)}}.fly-away{transform:translate(var(--tx,0px), var(--ty,0px)) rotate(var(--tr,0deg)) scale(.2)!important;opacity:0!important;pointer-events:none!important;transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .6s ease-out!important}.arcade-retro-screen.fade-out{animation:.6s ease-out forwards crtFadeOut}@keyframes crtFadeOut{0%{opacity:1}to{opacity:0}}.arcade-hud{color:#28c840;opacity:.65;text-shadow:0 0 5px #28c84080;z-index:2;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex;position:absolute;top:14px;left:20px;right:20px}.arcade-grid{position:absolute;inset:0}.arcade-invader{color:#28c84099;text-shadow:0 0 8px #28c84080;font-size:20px;transition:left .1s linear,top .1s linear;position:absolute;transform:translate(-50%,-50%)}.arcade-ufo{color:#ff5f57;text-shadow:0 0 10px #ff5f57b3;font-size:22px;transition:left .1s linear;position:absolute;transform:translate(-50%,-50%)}.arcade-laser{background:#28c840;width:2px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #28c840}.arcade-explosion-spark{font-size:24px;animation:.3s ease-out forwards sparkFade;position:absolute;transform:translate(-50%,-50%)}.arcade-particle-sparks{color:#28c840;font-size:14px;animation:.3s ease-out forwards sparkFade;position:absolute;transform:translate(-50%,-50%)}@keyframes sparkFade{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.arcade-player{text-shadow:0 0 6px #28c84066;font-size:22px;transition:left .15s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:12%;transform:translate(-50%)}.type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.type-badge--project{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent)}.type-badge--seminar{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa40}.section--social{background:0 0;border-top:none;border-bottom:none}.social-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:40px;display:grid}.social-card{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;box-shadow:0 10px 30px #0000000a}.social-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.social-card--x{color:#e7e9ea;background:#000;border-color:#2f3336}[data-theme=light] .social-card--x{color:#0f1419;background:#fff;border-color:#e1e8ed}.social-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.social-card-profile{align-items:center;gap:12px;display:flex}.social-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.social-avatar--x{color:#fff;background:#1d9bf0}.social-profile-name{margin:0;font-size:15px;font-weight:700}.social-profile-handle{color:#71767b;margin:0;font-size:13px}.btn-follow-x{color:#0f1419;cursor:pointer;background:#fff;border:none;border-radius:9999px;padding:6px 16px;font-size:14px;font-weight:700;transition:opacity .2s}[data-theme=light] .btn-follow-x{color:#fff;background:#0f1419}.btn-follow-x:hover{opacity:.9}.social-card-body{flex:1}.tweet-text{margin:0 0 16px;font-size:15px;line-height:1.5}.tweet-media-placeholder{background:linear-gradient(135deg,#1e1b4b 0%,#311042 100%);border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.tweet-media-overlay{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#0009;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute}.social-card-footer{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}[data-theme=light] .social-card-footer{border-top-color:#0000000f}.btn-share-x{color:#1d9bf0;align-items:center;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.btn-share-x:hover{color:#1a8cd8}.social-card--tiktok{color:#fff;background:#09090b;border-color:#27272a;flex-direction:row;align-items:center;gap:24px}[data-theme=light] .social-card--tiktok{color:#09090b;background:#f4f4f5;border-color:#e4e4e7}.mockphone-wrapper{flex-shrink:0}.mockphone{background:#000;border:6px solid #27272a;border-radius:24px;width:140px;height:250px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.mockphone-screen{background:#111;width:100%;height:100%;position:relative;overflow:hidden}.tiktok-video-sim{background:linear-gradient(#0f172a 0%,#1e1b4b 100%);align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.tiktok-overlay{z-index:2;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:absolute;inset:0}.tiktok-sidebar{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:50px;right:6px}.tiktok-icon-group{color:#fff;flex-direction:column;align-items:center;font-size:11px;display:flex}.tiktok-icon-group span{opacity:.8;margin-top:1px;font-size:8px}.tiktok-info{color:#fff;max-width:90px}.tiktok-handle{margin:0 0 2px;font-size:9px;font-weight:700}.tiktok-caption{opacity:.9;white-space:normal;margin:0;font-size:8px;line-height:1.3}.tiktok-waves{opacity:.25;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.wave-bar{background:#00f2fe;border-radius:2px;width:4px;height:30px;animation:1.2s ease-in-out infinite alternate tiktokWave}.wave-bar:nth-child(2){background:#fe0979;height:50px;animation-delay:.2s}.wave-bar:nth-child(3){background:#fff;height:40px;animation-delay:.4s}.wave-bar:nth-child(4){background:#00f2fe;height:60px;animation-delay:.1s}.wave-bar:nth-child(5){background:#fe0979;height:30px;animation-delay:.3s}@keyframes tiktokWave{0%{transform:scaleY(.3)}to{transform:scaleY(1.1)}}.social-card-text{flex:1}.tiktok-title{margin:0 0 8px;font-size:18px;font-weight:700}.tiktok-desc{color:#a1a1aa;margin:0 0 16px;font-size:14px;line-height:1.5}[data-theme=light] .tiktok-desc{color:#52525b}.btn-tiktok-follow{color:#fff;background:#fe0979;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #fe09794d}.btn-tiktok-follow:hover{transform:scale(1.02);box-shadow:0 6px 16px #fe097966}@media (width<=734px){.social-card--tiktok{text-align:center;flex-direction:column;align-items:stretch}.mockphone-wrapper{justify-content:center;margin-bottom:16px;display:flex}}.security-scan-overlay{pointer-events:none;z-index:8;opacity:.8;background-image:linear-gradient(#28c84006 1px,#0000 1px),linear-gradient(90deg,#28c84006 1px,#0000 1px);background-size:20px 20px;border-radius:16px;animation:.4s ease-out 2.1s forwards fadeOutOverlay;position:absolute;inset:0;overflow:hidden}.scanner-line{background:linear-gradient(90deg,#0000,#28c84033,#28c840,#28c84033,#0000);width:100%;height:3px;animation:2s ease-in-out forwards scanMove;position:absolute;top:0;box-shadow:0 0 10px #28c840}.security-glow{background:radial-gradient(circle,#28c84014 0%,#0000 70%);animation:2s ease-in-out alternate forwards securityPulse;position:absolute;inset:0}@keyframes scanMove{0%{top:-5%}50%{top:105%}to{top:-5%}}@keyframes securityPulse{0%{opacity:.3}to{opacity:.8}}.atoss-sync-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#080a10a6;border-radius:16px;justify-content:center;align-items:center;padding:24px;animation:.5s cubic-bezier(.25,1,.5,1) 3.6s forwards fadeOutOverlay;display:flex;position:fixed;inset:0}.ekg-overlay{pointer-events:none;z-index:8;opacity:.7;background-image:linear-gradient(#fe097905 1px,#0000 1px),linear-gradient(90deg,#fe097905 1px,#0000 1px);background-size:16px 16px;border-radius:16px;justify-content:center;align-items:center;animation:.4s ease-out 2.6s forwards fadeOutOverlay;display:flex;position:absolute;inset:0;overflow:hidden}.ekg-svg{stroke:#fe0979;stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #fe0979);width:100%;height:120px}.ekg-path{stroke-dasharray:180 1000;stroke-dashoffset:1180px;animation:2.5s cubic-bezier(.15,.85,.35,1) forwards ekgPulse}@keyframes ekgPulse{0%{stroke-dashoffset:1180px}to{stroke-dashoffset:0}}.hero-scroll-indicator{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:500;transition:opacity .3s;display:flex;position:absolute;bottom:4px}.mouse-icon{border:1.5px solid var(--text-secondary);opacity:.75;border-radius:10px;justify-content:center;width:22px;height:34px;padding-top:5px;display:flex;position:relative}.mouse-icon .wheel{background-color:var(--text-secondary);border-radius:1.5px;width:3px;height:6px;animation:1.6s cubic-bezier(.15,.41,.69,.94) infinite scroll-wheel-dot}@keyframes scroll-wheel-dot{0%{opacity:0;transform:translateY(0)}20%{opacity:1}60%{opacity:0;transform:translateY(8px)}to{opacity:0}}.social-card--tiktok:hover .wave-bar{animation-duration:.5s}.social-card--tiktok:hover .wave-bar:nth-child(2){animation-delay:80ms}.social-card--tiktok:hover .wave-bar:nth-child(3){animation-delay:.16s}.social-card--tiktok:hover .wave-bar:nth-child(4){animation-delay:40ms}.social-card--tiktok:hover .wave-bar:nth-child(5){animation-delay:.12s}.btn-follow-x:hover,.btn-tiktok-follow:hover{animation:1.2s ease-in-out infinite alternate btnPulse}@keyframes btnPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.social-card--tiktok:hover .tiktok-icon-group{animation:1.5s ease-in-out infinite iconBounce}.social-card--tiktok:hover .tiktok-icon-group:nth-child(2){animation-delay:.2s}.social-card--tiktok:hover .tiktok-icon-group:nth-child(3){animation-delay:.4s}.social-card--tiktok:hover .tiktok-icon-group:nth-child(4){animation-delay:.6s}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.skills-section{padding-top:40px;padding-bottom:40px}.interactive-skills{background:color-mix(in srgb, var(--bg-section) 40%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;margin-top:30px;padding:40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.skills-headline{background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.skills-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.skills-layout-wrapper{z-index:1;gap:48px;display:flex;position:relative}.skills-graph-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.skills-graph-path-line{stroke-linecap:round;stroke-dasharray:8 6;filter:drop-shadow(0 0 2px #fff9);animation:12s linear infinite skillsGraphPulse}@keyframes skillsGraphPulse{to{stroke-dashoffset:-1000px}}.skills-column{flex-direction:column;flex:1.1;gap:28px;display:flex}.skills-category-group{flex-direction:column;gap:12px;display:flex}.skills-category-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-left:2px solid var(--accent);margin:0;padding-left:8px;font-size:13px;font-weight:600}.skills-bubbles{flex-wrap:wrap;gap:10px;display:flex}.skill-bubble{cursor:pointer;color:var(--text);z-index:2;background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.skill-bubble--active{background:color-mix(in srgb, var(--skill-color) 15%, transparent);color:#fff;box-shadow:0 0 16px color-mix(in srgb, var(--skill-color) 25%, transparent);border-color:var(--skill-color)!important}.skill-bubble--dimmed{opacity:.25;filter:grayscale(.5);transform:scale(.96)}.skill-bubble-level{color:var(--text-secondary);background:#ffffff0f;border-radius:10px;padding:2px 6px;font-size:10px}.skill-bubble--active .skill-bubble-level{background:color-mix(in srgb, var(--skill-color) 25%, transparent);color:#fff}.projects-column{border-left:1px dashed #ffffff14;flex-direction:column;flex:.9;gap:16px;padding-left:28px;display:flex}.skills-projects-nodes-list{flex-direction:column;gap:10px;display:flex}.skills-project-node{cursor:pointer;z-index:2;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.skills-project-node:hover,.skills-project-node--active{background:#ffffff0d;border-color:#ffffff2e;transform:translate(4px);box-shadow:0 4px 16px #00000040}.skills-project-node--dimmed{opacity:.25;filter:grayscale(.5);transform:scale(.98)}.project-node-img-wrapper{background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.project-node-img{object-fit:cover;width:100%;height:100%}.project-node-info{text-align:left;flex:1}.project-node-title{color:#fff;margin:0 0 2px;font-size:13px;font-weight:600}.project-node-desc{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:10.5px;display:-webkit-box;overflow:hidden}.project-node-action-arrow{color:var(--text-secondary);opacity:.4;align-items:center;transition:all .2s;display:flex}.skills-project-node:hover .project-node-action-arrow,.skills-project-node--active .project-node-action-arrow{opacity:1;color:var(--accent);transform:translate(2px)}.terminal-snake{color:#10b981;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#09090b;border:1px solid #10b98140;border-radius:8px;flex-direction:column;gap:10px;max-width:300px;margin:10px 0;padding:14px;font-family:JetBrains Mono,ui-monospace,Courier New,monospace;display:flex;box-shadow:inset 0 0 10px #10b98126,0 4px 16px #00000080}.terminal-snake-header{letter-spacing:.05em;border-bottom:1px solid #10b98133;justify-content:space-between;padding-bottom:6px;font-size:11px;font-weight:800;display:flex}.terminal-snake-board{letter-spacing:2.2px;text-align:center;background:#030712;border:1px solid #10b9811a;border-radius:4px;margin:0;padding:8px;font-size:12.5px;line-height:1.15;overflow:hidden}.terminal-snake-footer{color:#6b7280;text-align:center;border-top:1px solid #10b98126;padding-top:6px;font-size:10px}.terminal-snake-gameover{color:#ef4444;font-weight:800;animation:.8s infinite alternate snakeBlink}@keyframes snakeBlink{0%{opacity:.4}to{opacity:1}}.modal-tabs{border-bottom:1px solid #ffffff1a;gap:8px;margin:20px 0;padding-bottom:0;display:flex}.modal-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.modal-tab-btn:hover{color:#fff}.modal-tab-btn--active{border-bottom-color:var(--accent);font-weight:600;color:var(--accent)!important}.modal-tab-content{text-align:left;min-height:160px}.modal-tab-content .modal-facts,.modal-tab-content .case-study{margin-top:0;animation:.3s tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.interactive-skills{padding:20px 16px}.skills-layout-wrapper{flex-direction:column;gap:32px}.skills-graph-svg{display:none}.projects-column{border-top:1px dashed #ffffff14;border-left:none;padding-top:24px;padding-left:0}}.project{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .2s}.project:hover{border-color:var(--accent)!important;box-shadow:0 16px 40px #0006, 0 0 25px color-mix(in srgb, var(--accent) 15%, transparent)!important}@keyframes screen-shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-2px,-1px)rotate(-.5deg)}20%{transform:translate(-3px)rotate(.5deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-.5deg)}60%{transform:translate(-3px,1px)rotate(.5deg)}70%{transform:translate(2px,1px)rotate(0)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}}.shake-active-body{animation:.15s infinite screen-shake}.matrix-overlay{z-index:9999;cursor:pointer;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.matrix-canvas{width:100%;height:100%;display:block}.matrix-exit-hint{color:#0f0;opacity:.6;text-shadow:0 0 4px #0f0;pointer-events:none;font-family:monospace;font-size:14px;animation:2s infinite alternate pulse-exit;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes pulse-exit{0%{opacity:.3}to{opacity:.8}}.destruction-overlay{z-index:10000;color:#f33;box-sizing:border-box;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Courier New,Courier,monospace;display:flex;position:fixed;top:0;left:0}.destruction-content{text-align:left;background:#0a0000e6;border:1px solid #f33;border-radius:8px;width:100%;max-width:600px;padding:30px;box-shadow:0 0 30px #f333}.destruction-header{text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #f33;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:700;animation:1s infinite alternate blink-header}@keyframes blink-header{0%{opacity:.6}to{opacity:1;text-shadow:0 0 10px #f33}}.destruction-progress-bar{background:#200000;border:1px solid #f33;border-radius:4px;width:100%;height:20px;margin-bottom:12px;overflow:hidden}.destruction-progress-fill{background:#f33;height:100%;transition:width .3s;box-shadow:0 0 8px #f33}.destruction-progress-text{margin-bottom:20px;font-size:14px;font-weight:700}.destruction-logs{color:#f55;background:#000c;border:1px solid #ff33334d;border-radius:4px;flex-direction:column;gap:6px;height:180px;padding:10px;font-size:12px;display:flex;overflow-y:auto}.destruction-rescue{color:#fff;margin-top:20px;font-size:14px}.blinking-cursor{animation:.8s infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.theme-wave{pointer-events:none;z-index:9999;border-radius:50%;width:0;height:0;animation:.7s cubic-bezier(.1,.8,.3,1) forwards themeWaveAnim;position:fixed;transform:translate(-50%,-50%)}.theme-wave--light{background:#fbfbfd}.theme-wave--dark{background:#0d0d0f}@keyframes themeWaveAnim{0%{width:0;height:0}to{width:250vmax;height:250vmax}}.groupthink-table-overlay{pointer-events:none;z-index:8;opacity:.65;background-image:linear-gradient(#fe097903 1px,#0000 1px),linear-gradient(90deg,#fe097903 1px,#0000 1px);background-size:15px 15px;border-radius:16px;justify-content:center;align-items:flex-start;padding-top:230px;animation:.4s ease-out 3.1s forwards fadeOutOverlay;display:flex;position:absolute;inset:0;overflow:hidden}.groupthink-svg{width:100%;max-width:380px;height:auto}.shouting-leader{animation:.15s ease-in-out infinite alternate leaderVibrate}.shouting-arm-left{transform-origin:80px 96px;animation:.4s ease-in-out infinite alternate armShoutLeft}.shouting-arm-right{transform-origin:80px 96px;animation:.4s ease-in-out infinite alternate armShoutRight}.soundwave{stroke:#fe0979;stroke-width:2px;fill:none;opacity:0;transform-origin:80px 85px;filter:drop-shadow(0 0 3px #fe0979);animation:2.1s linear infinite expandSoundwave}.soundwave.sw2{animation-delay:.7s}.soundwave.sw3{animation-delay:1.4s}.nodding-head-1{transform-origin:185px 113px;animation:1.2s ease-in-out infinite nodHeadAnim}.nodding-head-2{transform-origin:245px 113px;animation:1.4s ease-in-out infinite nodHeadAnim}.nodding-head-3{transform-origin:305px 113px;animation:1.3s ease-in-out infinite nodHeadAnim}.agree-arm-1{transform-origin:185px 118px;animation:.6s ease-in-out infinite alternate armAgreeAnim}.agree-arm-2{transform-origin:245px 118px;animation:.7s ease-in-out infinite alternate armAgreeAnim}.agree-arm-3{transform-origin:305px 118px;animation:.65s ease-in-out infinite alternate armAgreeAnim}.agree-word{opacity:0;text-shadow:0 0 4px #00f2fe66;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:800;animation:2.4s ease-out infinite floatAgreeWord}.agree-word.w1{transform-origin:172px 94px;animation-delay:.3s}.agree-word.w2{transform-origin:232px 94px;animation-delay:.9s}.agree-word.w3{transform-origin:292px 94px;animation-delay:1.5s}.agree-word.w4{transform-origin:210px 80px;animation-delay:.6s}@keyframes leaderVibrate{0%{transform:translate(0)}to{transform:translate(.5px,-.5px)rotate(.5deg)}}@keyframes armShoutLeft{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@keyframes armShoutRight{0%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}@keyframes expandSoundwave{0%{opacity:0;transform:scale(.6)}20%{opacity:.8}80%{opacity:.4}to{opacity:0;transform:scale(2.8)}}@keyframes nodHeadAnim{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}@keyframes armAgreeAnim{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes floatAgreeWord{0%{opacity:0;transform:translateY(8px)}20%{opacity:.9}90%{opacity:.4}to{opacity:0;transform:translateY(-24px)}}.modal-nav-arrow{-webkit-backdrop-filter:blur(16px);width:56px;height:56px;color:var(--text-secondary);cursor:pointer;z-index:310;-webkit-user-select:none;user-select:none;background:#12121266;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 4px 24px #0000004d}.modal-nav-arrow-icon{stroke-width:2.5px;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),stroke .3s}.modal-nav-arrow--prev:hover{color:#00f2fe;background:#00f2fe14;border-color:#00f2fe73;transform:translateY(-50%)scale(1.1);box-shadow:0 0 30px #00f2fe59,0 8px 32px #0006}.modal-nav-arrow--prev:hover .modal-nav-arrow-icon{stroke:#00f2fe;transform:translate(-3px)}.modal-nav-arrow--next:hover{color:#fe0979;background:#fe097914;border-color:#fe097973;transform:translateY(-50%)scale(1.1);box-shadow:0 0 30px #fe097959,0 8px 32px #0006}.modal-nav-arrow--next:hover .modal-nav-arrow-icon{stroke:#fe0979;transform:translate(3px)}.modal-nav-arrow:active{transform:translateY(-50%)scale(.95)}.modal-nav-arrow--prev{left:40px}.modal-nav-arrow--next{right:40px}@media (width<=960px){.modal-nav-arrow--prev{left:20px}.modal-nav-arrow--next{right:20px}}@media (width<=800px){.modal-nav-arrow{width:48px;height:48px}.modal-nav-arrow--prev{left:12px}.modal-nav-arrow--next{right:12px}}@media (width<=500px){.modal-nav-arrow{background:#121212b3;top:auto;bottom:24px;transform:none}.modal-nav-arrow--prev{left:calc(50% - 60px)}.modal-nav-arrow--next{right:calc(50% - 60px)}.modal-nav-arrow--prev:hover,.modal-nav-arrow--next:hover{transform:scale(1.1)}.modal-nav-arrow:active{transform:scale(.95)}}@keyframes fadeOutOverlay{to{opacity:0;visibility:hidden}}.scroll-progress-bar{z-index:9999;transform-origin:0;background:linear-gradient(90deg,#00f2fe,#fe0979);width:0%;height:3px;animation:linear scrollProgress;animation-timeline:scroll();position:fixed;top:0;left:0}@keyframes scrollProgress{to{width:100%}}.pdf-viewer-backdrop{z-index:2000;-webkit-backdrop-filter:blur(16px);background:#0a0a0cc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pdf-viewer-modal{background:#141419f2;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:min(90vw,1000px);height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.pdf-viewer-header{background:#19191ee6;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.pdf-viewer-title{align-items:center;gap:10px;display:flex}.pdf-viewer-icon{font-size:18px}.pdf-viewer-title h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:500px;margin:0;font-size:15px;font-weight:600;overflow:hidden}.pdf-viewer-actions{align-items:center;gap:12px;display:flex}.pdf-viewer-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.type-badge--leadership{color:#f59e0b;background:#f59e0b0d;border:1px solid #f59e0b4d}.type-badge--seminar{color:#8b5cf6;background:#8b5cf60d;border-color:#8b5cf64d}.pdf-viewer-btn--download{color:#00f2fe;background:#00f2fe0f;border:1px solid #00f2fe33}.pdf-viewer-btn--download:hover{color:#fff;background:#00f2fe1f;border-color:#00f2fe66;transform:translateY(-1px)}.pdf-viewer-btn--close{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}.pdf-viewer-btn--close:hover{color:#fff;background:#ffffff14}.pdf-viewer-body{flex-grow:1;width:100%;height:100%}@media (width<=768px){.pdf-viewer-backdrop{padding:12px}.pdf-viewer-modal{height:90vh}.pdf-viewer-title h3{max-width:180px}.pdf-viewer-btn span{display:none}}.smoke-grenade-overlay{z-index:9999;pointer-events:none;border-radius:16px;animation:3.5s ease-out forwards smokeOverlayFade;position:fixed;inset:0;overflow:hidden}.smoke-grenade-overlay:before,.smoke-grenade-overlay:after{content:"";filter:blur(50px);border-radius:50%;position:absolute}.smoke-grenade-overlay:before{background:radial-gradient(at 30% 40%,#b4bec8f2 0%,#8c9baacc 30%,#0000 70%);width:200%;height:200%;animation:3.5s ease-out forwards smokePuff1;top:-50%;left:-50%}.smoke-grenade-overlay:after{background:radial-gradient(at 70% 60%,#a0afbee6 0%,#788ca0bf 35%,#0000 65%);width:180%;height:180%;animation:3.5s ease-out .15s forwards smokePuff2;top:-30%;left:-20%}.smoke-cloud-1,.smoke-cloud-2,.smoke-cloud-3{pointer-events:none;border-radius:50%;position:absolute}.smoke-cloud-1{filter:blur(40px);background:radial-gradient(circle,#c8d2dcd9 0%,#96a5b480 40%,#0000 70%);width:250px;height:250px;animation:3.5s ease-out .1s forwards smokeCloudDrift1;top:-20px;right:-40px}.smoke-cloud-2{filter:blur(45px);background:radial-gradient(circle,#bec8d7cc 0%,#8c9baf73 45%,#0000 70%);width:300px;height:300px;animation:3.5s ease-out .25s forwards smokeCloudDrift2;bottom:-30px;left:-50px}.smoke-cloud-3{filter:blur(35px);background:radial-gradient(circle,#d2dce6e6 0%,#aab9c899 35%,#0000 65%);width:220px;height:220px;animation:3.5s ease-out 50ms forwards smokeCloudDrift3;top:40%;left:40%;transform:translate(-50%,-50%)}@keyframes smokeOverlayFade{0%{opacity:1}60%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes smokePuff1{0%{opacity:0;transform:scale(.3)rotate(-5deg)}15%{opacity:1;transform:scale(.8)rotate(2deg)}50%{opacity:.85;transform:scale(1.1)rotate(-1deg)}to{opacity:0;transform:scale(1.3)rotate(3deg)}}@keyframes smokePuff2{0%{opacity:0;transform:scale(.2)rotate(8deg)}20%{opacity:1;transform:scale(.75)rotate(-3deg)}55%{opacity:.8;transform:scale(1.05)rotate(2deg)}to{opacity:0;transform:scale(1.25)rotate(-4deg)}}@keyframes smokeCloudDrift1{0%{opacity:0;transform:scale(.4)translate(30px)}20%{opacity:.9;transform:scale(1)translate(0)}60%{opacity:.7;transform:scale(1.15)translate(-15px)}to{opacity:0;transform:scale(1.3)translate(-30px)}}@keyframes smokeCloudDrift2{0%{opacity:0;transform:scale(.3)translateY(20px)}25%{opacity:.85;transform:scale(.95)translateY(0)}65%{opacity:.6;transform:scale(1.1)translateY(-10px)}to{opacity:0;transform:scale(1.2)translateY(-25px)}}@keyframes smokeCloudDrift3{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:.95;transform:translate(-50%,-50%)scale(1.1)}55%{opacity:.75;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.tech-marquee-wrapper{max-width:800px;margin:60px auto 20px;position:relative;overflow:hidden}.tech-marquee-mask{padding:10px 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-marquee-track{white-space:nowrap;align-items:center;gap:40px;animation:30s linear infinite tech-marquee-scroll;display:flex}.tech-marquee-item{background:var(--nav-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);border-radius:99px;align-items:center;gap:12px;padding:12px 24px;font-size:15px;font-weight:600;transition:color .3s,border-color .3s;display:flex}.tech-marquee-item:hover{color:var(--text);border-color:var(--accent)}.tech-marquee-icon{flex-shrink:0;width:24px;height:24px}.tech-marquee-icon.invert-icon{filter:brightness(0)invert()}@keyframes tech-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@media (width<=768px){.tech-marquee-wrapper{margin:40px auto 10px}.tech-marquee-track{animation-duration:20s}.tech-marquee-item{padding:8px 16px;font-size:13px}.tech-marquee-icon{width:18px;height:18px}}.cmd-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--nav-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:90%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 16px 40px #0003}.cmd-input-wrapper{border-bottom:1px solid var(--border);align-items:center;padding:16px;display:flex}.cmd-search-icon{color:var(--text-secondary);margin-right:12px;font-size:18px}.cmd-input{color:var(--text);font-size:18px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1}.cmd-input::placeholder{color:var(--text-secondary)}.cmd-esc-hint{background:var(--border);color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.cmd-list{max-height:350px;padding:8px;overflow-y:auto}.cmd-item{cursor:pointer;color:var(--text-secondary);border-radius:10px;align-items:center;padding:12px 16px;transition:background .2s,color .2s;display:flex}.cmd-item--active,.cmd-item:hover{background:var(--accent);color:#fff}.cmd-item-icon{margin-right:12px;font-size:18px}.cmd-item-title{font-weight:500}.cmd-empty{text-align:center;color:var(--text-secondary);padding:32px;font-size:15px}.cmd-footer{border-top:1px solid var(--border);background:#00000005;align-items:center;gap:16px;padding:12px 16px;display:flex}[data-theme=dark] .cmd-footer{background:#ffffff05}.cmd-footer-text{color:var(--text-secondary);font-size:12px}.cmd-footer-text strong{background:var(--border);border-radius:4px;margin-right:4px;padding:2px 6px}.scroll-progress-bar{background:var(--accent);transform-origin:0%;z-index:10000;height:3px;box-shadow:0 0 10px var(--accent);position:fixed;top:0;left:0;right:0}.code-showcase-section{padding:40px 0}.code-showcase-header-text{text-align:center;margin-bottom:40px}.code-showcase-desc{text-align:center;max-width:600px;margin:0 auto 30px}.mac-window{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:12px;max-width:800px;margin:0 auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;overflow:hidden;box-shadow:0 20px 40px #0006}.mac-titlebar{background:#2d2d2d;border-bottom:1px solid #111;align-items:center;padding:12px 16px;display:flex;position:relative}.mac-buttons{gap:8px;display:flex}.mac-btn{border-radius:50%;width:12px;height:12px}.mac-btn.close{background:#ff5f56}.mac-btn.minimize{background:#ffbd2e}.mac-btn.maximize{background:#27c93f}.mac-title{text-align:center;color:#999;flex:1;font-size:13px;font-weight:500}.copy-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s}.copy-btn:hover{color:#fff;background:#444}.mac-content{padding:16px 0;font-size:14px;line-height:1.6;display:flex;overflow-x:auto}.code-line-numbers{color:#666;text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;padding:0 16px;display:flex}.code-block{color:#d4d4d4;tab-size:2;margin:0;padding:0 16px 0 0}.keyword{color:#569cd6}.string{color:#ce9178}.function{color:#dcdcaa}.comment{color:#6a9955}.boolean{color:#569cd6}@media (width<=768px){.code-showcase-section{padding:24px 0}.code-showcase-header-text{margin-bottom:24px;padding:0 16px}.mac-window{margin:0 16px}.mac-content{font-size:13px}}@media (width<=600px){.code-showcase-section{padding:16px 0}.code-showcase-header-text{margin-bottom:20px;padding:0 12px}.code-showcase-desc{max-width:100%;margin-bottom:20px;padding:0 4px;font-size:14px}.mac-window{border-radius:10px;margin:0 12px;box-shadow:0 12px 28px #00000080}.mac-titlebar{gap:8px;padding:10px 12px}.mac-buttons{flex-shrink:0;gap:6px}.mac-btn{width:10px;height:10px}.mac-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.copy-btn{-webkit-tap-highlight-color:transparent;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:11px}.mac-content{padding:12px 0;font-size:10px;line-height:1.4;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.mac-content:hover,.mac-content:active{-webkit-mask-image:none;mask-image:none}.code-line-numbers{flex-shrink:0;padding:0 8px 0 12px;font-size:10px}.code-block{padding:0 16px 0 0}}@media (width<=400px){.mac-window{border-radius:8px;margin:0 8px}.mac-titlebar{padding:8px 10px}.mac-buttons{display:none}.mac-title{text-align:left;font-size:10px}.mac-content{padding:10px 0;font-size:9px;line-height:1.4}.code-line-numbers{padding:0 6px 0 10px;font-size:9px}.code-block{padding:0 12px 0 0}}.apple-tab-bar-container{z-index:9999;pointer-events:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.apple-tab-bar{pointer-events:auto;-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid #fff3;border-radius:9999px;align-items:center;gap:6px;padding:6px;transition:background-color .3s,border-color .3s;display:flex;box-shadow:0 10px 40px -10px #0000004d}:root .apple-tab-bar{background-color:#ffffff26}:root[data-theme=light] .apple-tab-bar{background-color:#0000000d;border:1px solid #0000001a;box-shadow:0 10px 40px -10px #00000026}.apple-tab-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.apple-tab-active-bg{z-index:0;border-radius:9999px;position:absolute;inset:0}:root .apple-tab-active-bg{background-color:#fff;box-shadow:0 2px 10px #fff3}:root[data-theme=light] .apple-tab-active-bg{background-color:#000;box-shadow:0 2px 10px #0003}.apple-tab-icon-wrapper{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.apple-tab-icon{color:#fff9;transition:color .3s,transform .2s}:root[data-theme=light] .apple-tab-icon{color:#00000080}.apple-tab-item.active .apple-tab-icon{color:#000}:root[data-theme=light] .apple-tab-item.active .apple-tab-icon{color:#fff}.apple-tab-item:hover:not(.active) .apple-tab-icon{color:#ffffffe6;transform:scale(1.1)}:root[data-theme=light] .apple-tab-item:hover:not(.active) .apple-tab-icon{color:#000c;transform:scale(1.1)}@media (width<=600px){.apple-tab-item{width:44px;height:44px}.apple-tab-icon{width:18px;height:18px}}