*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,monospace;overflow:hidden}canvas{display:block}.panel{color:#e0e0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0a1eeb;border:1px solid #0ff;border-radius:8px;flex-direction:column;width:min(500px,90vw);max-height:80vh;transition:opacity .3s,transform .3s,width .3s,padding .3s;display:flex;position:fixed;top:50%;right:2rem;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 30px #00ffff4d}.panel-body{flex:auto;min-height:0;padding:2rem;overflow:hidden auto}.panel.hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translate(30px)}.panel.enlarged{width:min(900px,92vw);max-height:90vh;left:50%;right:auto;transform:translate(-50%,-50%)}.panel.enlarged .panel-body{padding:2.5rem 3rem}.panel.enlarged .panel-nav{padding:0 3rem 1.5rem}.panel.enlarged.hidden{transform:translate(-50%,-50%)translate(30px)}.panel.enlarged h2{font-size:2.4rem}.panel.enlarged h3{margin:1.8rem 0 .7rem;font-size:1.55rem}.panel.enlarged p,.panel.enlarged li{font-size:1.15rem;line-height:1.75}.panel.enlarged .panel-nav-btn{padding:.8rem 1.2rem;font-size:1.05rem}.panel-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f0f;cursor:pointer;z-index:11;background:#0a0a1ed9;border:1px solid #f0f;border-radius:50%;width:32px;height:32px;font-size:1rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.panel-close:hover{color:#0a0a2e;background:#f0f}.panel-expand{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0ff;cursor:pointer;z-index:11;background:#0a0a1ed9;border:1px solid #0ff;border-radius:50%;width:32px;height:32px;font-size:.95rem;line-height:1;transition:all .2s;position:absolute;top:1rem;right:3.5rem}.panel-expand:hover,.panel.enlarged .panel-expand{color:#0a0a2e;background:#0ff}.panel h2{color:#0ff;text-shadow:0 0 10px #0ff;margin-bottom:1rem;font-size:1.8rem}.panel h3{color:#f0f;margin:1.5rem 0 .5rem;font-size:1.2rem}.panel p{margin-bottom:1rem;line-height:1.6}.panel ul{padding-left:0;list-style:none}.panel li{padding:.3rem 0 .3rem 1.5rem;position:relative}.panel li:before{content:">";color:#0fa;position:absolute;left:0}.panel code{color:#0fa;background:#00ffff14;border:1px solid #00ffff40;border-radius:3px;padding:.05rem .35rem;font-size:.9em}.panel strong{color:#ff8aff}.panel .detail-link{color:#0ff;letter-spacing:.04em;border:1px solid #0ff;border-radius:4px;margin-top:.8rem;padding:.55rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:inline-block}.panel .detail-link:hover{color:#05050a;background:#0ff;box-shadow:0 0 18px #00ffff8c}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-track{background:#00ffff0d}.panel-body::-webkit-scrollbar-thumb{background:linear-gradient(#0ff,#f0f);border-radius:4px}.hero{background:linear-gradient(135deg,#00ffff14,#ff00ff14);border:1px solid #0ff6;border-radius:6px;margin-bottom:1.2rem;padding:1.2rem 1.4rem;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#0000,#0ff,#f0f,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #0ff}.hero-tag{letter-spacing:.2em;color:#0fa;text-transform:uppercase;opacity:.85;margin-bottom:.4rem;font-size:.75rem;display:inline-block}.hero-name{color:#fff;text-shadow:0 0 12px #0ff9;margin:0 0 .4rem;font-size:1.6rem}.hero-tagline{color:#c0c0e0;font-size:.95rem;line-height:1.5}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0 1.2rem;display:grid}.stat-box{text-align:center;background:#00ffff0a;border:1px solid #00ffff4d;border-radius:4px;padding:.7rem .5rem;transition:all .2s}.stat-box:hover{background:#00ffff1a;box-shadow:0 0 12px #00ffff40}.stat-num{color:#0ff;text-shadow:0 0 8px #00ffff80;font-size:1.4rem;font-weight:700;display:block}.stat-label{color:#a0a0c0;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem;display:flex}.chip{color:#c8fcff;letter-spacing:.02em;background:#00ffff0f;border:1px solid #0ff6;border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.8rem;transition:all .18s;display:inline-flex}.chip:hover{background:#00ffff2e;box-shadow:0 0 10px #0ff6}.chip.magenta{color:#ffd0ff;background:#ff00ff0f;border-color:#f0f6}.chip.magenta:hover{background:#ff00ff2e;box-shadow:0 0 10px #f0f6}.chip.green{color:#b8ffe6;background:#00ffaa0f;border-color:#0fa6}.info-card{background:#00ffff08;border:1px solid #00ffff40;border-left:3px solid #0ff;border-radius:4px;margin:.8rem 0 1.2rem;padding:.9rem 1rem}.info-card.magenta{border-left-color:#f0f}.info-card.green{border-left-color:#0fa}.kv-row{border-bottom:1px dashed #00ffff1f;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.9rem;display:flex}.kv-row:last-child{border-bottom:none}.kv-key{color:#8aa0c0;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.kv-val{color:#e0e0ff;text-align:right}.section-title{color:#f0f;text-shadow:0 0 8px #f0f6;text-transform:uppercase;letter-spacing:.06em;border-left:3px solid #f0f;margin:1.4rem 0 .6rem;padding-left:.7rem;font-size:1.05rem}.divider{background:linear-gradient(90deg,#0000,#0ff6,#0000);border:none;height:1px;margin:1.4rem 0}.project-card{background:#0a0a1e80;border:1px solid #00ffff40;border-radius:6px;margin-bottom:1rem;padding:1rem 1.1rem;transition:all .2s;position:relative;overflow:hidden}.project-card:hover{border-color:#00ffff8c;transform:translateY(-1px);box-shadow:0 0 20px #0ff3}.project-card:before{content:"";background:linear-gradient(#0ff,#f0f);width:4px;height:100%;position:absolute;top:0;left:0}.project-card h4{color:#0ff;text-shadow:0 0 6px #0ff6;margin:0 0 .4rem;font-size:1.05rem}.project-card p{margin-bottom:.5rem;font-size:.92rem}.project-card .chips{margin:.5rem 0}.cert-card{background:#ff00ff0a;border:1px solid #ff00ff40;border-radius:4px;align-items:center;gap:.9rem;margin-bottom:.55rem;padding:.7rem .9rem;transition:all .2s;display:flex}.cert-card:hover{background:#ff00ff1a;box-shadow:0 0 12px #ff00ff40}.cert-icon{background:#ff00ff14;border:1px solid #f0f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex}.cert-body{flex:1;min-width:0}.cert-name{color:#ffd0ff;font-size:.95rem;font-weight:700;display:block}.cert-meta{color:#a0a0c0;margin-top:.15rem;font-size:.78rem}.cert-badge{color:#0fa;background:#00ffaa26;border:1px solid #0fa6;border-radius:999px;flex-shrink:0;padding:.15rem .5rem;font-size:.7rem}.contact-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;margin:.8rem 0 1rem;display:grid}.contact-card{color:#e0e0ff;background:#00ffff0a;border:1px solid #00ffff4d;border-radius:6px;align-items:center;gap:.7rem;padding:.9rem 1rem;text-decoration:none;transition:all .2s;display:flex}.contact-card:hover{background:#00ffff1f;border-color:#0ff;transform:translateY(-2px);box-shadow:0 0 16px #00ffff4d}.contact-card.magenta{background:#ff00ff0a;border-color:#ff00ff4d}.contact-card.magenta:hover{background:#ff00ff1f;border-color:#f0f;box-shadow:0 0 16px #ff00ff4d}.contact-card.green{background:#00ffaa0a;border-color:#00ffaa4d}.contact-card.green:hover{background:#00ffaa1f;border-color:#0fa;box-shadow:0 0 16px #00ffaa4d}.contact-card svg{flex-shrink:0;width:26px;height:26px}.contact-label{color:#a0a0c0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;line-height:1;display:block}.contact-value{color:#fff;word-break:break-all;font-size:.9rem}.skill-group{margin-bottom:1rem}.skill-group-title{color:#0fa;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.skill-group-title:after{content:"";background:linear-gradient(90deg,#0fa6,#0000);flex:1;height:1px}.panel.enlarged .stat-num{font-size:1.9rem}.panel.enlarged .hero-name{font-size:2.1rem}.panel.enlarged .chip{padding:.35rem .9rem;font-size:.95rem}.panel.enlarged .section-title{font-size:1.35rem}.panel-nav{flex-shrink:0;justify-content:space-between;gap:1rem;padding:0 2rem 1.5rem;display:flex}.panel-nav-btn{color:#0ff;cursor:pointer;background:0 0;border:1px solid #0ff;flex:1;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.panel-nav-btn:hover{color:#0a0a2e;background:#0ff;box-shadow:0 0 15px #0ff6}.panel-nav-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.hint{color:#0fa;opacity:.7;pointer-events:none;z-index:5;font-size:.9rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.loader{color:#0fa;z-index:1000;background:#05050a;justify-content:center;align-items:center;font-family:Courier New,monospace;transition:opacity .8s;display:flex;position:fixed;inset:0}.loader.fade-out{opacity:0;pointer-events:none}.loader-content{width:min(600px,90vw);padding:2rem}.loader-title{color:#0ff;text-shadow:0 0 20px #0ff,0 0 40px #0ff;letter-spacing:.3rem;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;animation:3s infinite glitch}.loader-subtitle{color:#f0f;margin-bottom:2rem;font-size:1rem}.loader-log{background:#00ffaa0d;border-left:2px solid #0fa;height:180px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.6;overflow:hidden}.loader-log .log-line{opacity:0;animation:.3s forwards appear}.loader-bar-container{background:#00ffff1a;border:1px solid #0ff;width:100%;height:10px;position:relative;overflow:hidden}.loader-bar{background:linear-gradient(90deg,#0ff,#f0f);width:0%;height:100%;transition:width .2s;box-shadow:0 0 15px #0ff}.loader-percent{text-align:right;color:#0ff;margin-top:.5rem;font-size:1.1rem}.loader-enter{color:#f0f;letter-spacing:.2rem;cursor:pointer;text-shadow:0 0 10px #f0f;background:0 0;border:2px solid #f0f;width:100%;margin-top:2rem;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;display:none}.loader-enter.visible{animation:.5s forwards appear;display:block}.loader-enter:hover{color:#05050a;text-shadow:none;background:#f0f;box-shadow:0 0 30px #f0f}.mini-loader{z-index:1000;background:#05050a;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;transition:opacity .5s;display:flex;position:fixed;inset:0}.mini-loader.fade-out{opacity:0;pointer-events:none}.mini-loader-text{color:#0fa;letter-spacing:.12rem;font-family:Courier New,monospace;font-size:.95rem;animation:.4s forwards appear}.mini-loader-bar-wrap{background:#00ffff1a;border:1px solid #0ff6;width:min(360px,75vw);height:4px;overflow:hidden}.mini-loader-bar{background:linear-gradient(90deg,#0ff,#f0f);width:0%;height:100%;animation:1s forwards mini-fill;box-shadow:0 0 10px #0ff}@keyframes mini-fill{to{width:100%}}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%,92%,to{transform:translate(0)}93%{color:#f0f;transform:translate(-2px)}94%{color:#0ff;transform:translate(2px)}95%{transform:translate(-1px)}}@media (width<=768px){.panel{border-radius:12px 12px 0 0;width:100%;max-height:70vh;inset:auto 0 0;transform:translateY(0)}.panel-body{padding:1.5rem}.panel-nav{padding:0 1.5rem 1.5rem}.panel.hidden{transform:translateY(100%)}.panel-expand{display:none}.panel h2{font-size:1.4rem}.panel h3{font-size:1.1rem}.panel p,.panel li{font-size:.95rem}.hint{text-align:center;padding:0 1rem;font-size:.8rem;bottom:1rem}.loader-log{height:140px;font-size:.8rem}.loader-subtitle{font-size:.9rem}.loader-enter{padding:.8rem;font-size:.95rem}}