:root{--bg:#0a0a0f;--bg-elevated:#0f0f16;--accent:#00d4ff;--accent-dim:#09c;--accent-glow:#00d4ff4d;--text:#fff;--text-dim:#8899a6;--border:#1e2a35;--success:#06ffa5;--warning:gold;--error:#ff4757;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif;--sidebar-width:200px;--sidebar-left-width:240px;--sidebar-right-width:250px;--sidebar-right-offset:20px;--sidebar-left-offset:40px;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;position:relative;overflow-x:hidden}body.at-top{scrollbar-width:none;-ms-overflow-style:none}body.at-top::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{box-shadow:0 0 20px var(--accent-glow);background:#3df;transform:translateY(-2px)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.section{max-width:1000px;margin:0 auto;padding:clamp(4rem,10vw,6rem) 5%}.section-header{margin-bottom:3rem;position:relative}.section-title{margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;display:inline-block}.title-line{background:var(--accent);width:60px;height:2px;box-shadow:0 0 10px var(--accent-glow)}body.cert-modal-open .header,body.cert-modal-open .mobile-nav{opacity:0;visibility:hidden;pointer-events:none}body.cert-modal-open .header{transform:translateY(-100%)}@media (width<=1200px){:root{--sidebar-width:160px;--sidebar-left-width:200px;--sidebar-right-width:200px;--sidebar-right-offset:8px;--sidebar-left-offset:35px}.code-sidebar{padding:calc(var(--header-height) + 1.5rem) 1rem 1.5rem;font-size:10px}.code-sidebar.right{padding-left:1rem;padding-right:.75rem}}@media (width<=968px){:root{--sidebar-width:0px}.code-sidebar{display:none}}@media (width<=768px){.btn{width:100%;padding:1rem 1.5rem;font-size:.95rem}.section{padding:2.5rem 4%}.section-title{font-size:1.35rem}}@media (width<=480px){.section-title{font-size:1.2rem}.btn{padding:.9rem 1.5rem;font-size:.95rem}}@media (width<=360px){.section{padding:2rem 3%}}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{margin:0;padding:0}#root{min-height:100vh}main{z-index:1;margin:0 calc(var(--sidebar-right-width) + var(--sidebar-right-offset)) 0 calc(var(--sidebar-left-width) + var(--sidebar-left-offset));min-height:100vh;position:relative}.code-sidebar{width:var(--sidebar-width);pointer-events:none;z-index:0;opacity:0;height:100vh;font-family:var(--font-mono);letter-spacing:.03em;white-space:pre-wrap;word-wrap:break-word;padding:calc(var(--header-height) + 2rem) 1.5rem 2rem;background:0 0;font-size:11px;line-height:1.8;transition:opacity .5s;position:fixed;top:0;overflow:visible}.code-sidebar.left{width:var(--sidebar-left-width);left:var(--sidebar-left-offset);color:var(--accent);border-right:1px solid var(--border);padding-left:.75rem;padding-right:1rem}.code-sidebar.right{width:var(--sidebar-right-width);right:var(--sidebar-right-offset);color:var(--text-dim);border-left:1px solid var(--border);text-align:right;white-space:pre;padding-left:1rem;padding-right:.75rem;overflow:visible}body.scrolled .code-sidebar{opacity:.12}.code-sidebar::-webkit-scrollbar{width:6px}.code-sidebar::-webkit-scrollbar-track{background:0 0}.code-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.code-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (width<=1200px){:root{--sidebar-width:160px;--sidebar-left-width:200px;--sidebar-right-width:200px;--sidebar-right-offset:8px}.code-sidebar{padding:calc(var(--header-height) + 1.5rem) 1rem 1.5rem;font-size:10px}.code-sidebar.right{padding-left:1rem;padding-right:.75rem}}@media (width<=968px){:root{--sidebar-width:0px}.code-sidebar{display:none}main{margin:0}}.header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 10px var(--accent-glow);font-size:1.5rem;font-weight:700}.nav{gap:2rem;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.lang-toggle{color:var(--text);border:1px solid var(--border);min-width:52px;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:6px;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s}.lang-toggle:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.nav a{color:var(--text-dim);text-align:center;min-width:84px;padding:.25rem .5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.nav a:hover{color:var(--accent)}.nav a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav a:hover:after{width:100%}.menu-toggle{color:var(--text);cursor:pointer;z-index:101;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:color .2s;display:none}.menu-toggle:hover{color:var(--accent)}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:110;opacity:0;visibility:hidden;background:#0a0a0ffa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:all .3s;display:none;position:fixed;inset:0}.mobile-nav.active{opacity:1;visibility:visible;display:flex}.mobile-nav-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;position:absolute;top:1rem;right:5%}.mobile-nav-close:hover{color:var(--accent)}.mobile-nav a{color:var(--text);font-size:1.5rem;font-family:var(--font-mono);border:1px solid var(--border);text-align:center;border-radius:8px;width:80%;max-width:300px;padding:1rem 2rem;text-decoration:none;transition:all .3s}.mobile-nav a:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}@media (width<=1200px){.header{padding:1.5rem 4%}}@media (width<=768px){.nav{display:none}.menu-toggle{display:block}.header-actions{gap:.45rem}}@media (width<=480px){.header{padding:1rem 4%}.logo{font-size:1.2rem}}@media (width<=360px){.header{height:auto;padding:.875rem 3%}.logo{font-size:1.2rem}}.hero{text-align:center;background:radial-gradient(#00d4ff08 0%,#0000 70%);justify-content:center;align-items:center;min-height:100vh;padding:6rem 5% 4rem;display:flex}.hero-content{max-width:800px}.badge{color:var(--accent);font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;display:inline-flex}.badge i{font-size:1rem}h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1}.subtitle{color:var(--text-dim);font-size:clamp(1rem,2.5vw,1.25rem);font-family:var(--font-mono);margin-bottom:2.5rem;line-height:1.8}.stats{flex-wrap:wrap;justify-content:center;gap:clamp(2rem,6vw,4rem);margin-bottom:2.5rem;display:flex}.stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat .num{font-family:var(--font-mono);color:var(--accent);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1}.stat span:last-child{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:center;min-width:90px;font-size:.8rem}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-btns .btn{min-width:160px}@media (width<=768px){.hero{min-height:auto;padding-bottom:2rem;padding-left:4%;padding-right:4%}.badge{font-size:.85rem}h1{margin-bottom:.75rem;font-size:2.2rem}.subtitle{margin-bottom:2rem;font-size:1rem}.stats{gap:1.2rem;margin-bottom:2rem}.stat{min-width:70px}.stat .num{font-size:1.6rem}.stat span:last-child{font-size:.75rem}.hero-btns{flex-direction:column;gap:.75rem;width:100%;padding:0}}@media (width<=480px){h1{font-size:1.85rem}.subtitle{font-size:.95rem}.stat .num{font-size:1.5rem}}@media (width<=360px){.hero{padding-left:3%;padding-right:3%}h1{font-size:1.65rem}.subtitle{margin-bottom:1.5rem;font-size:.9rem}.badge{font-size:.8rem}.stats{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.stat{flex-direction:row;justify-content:center;gap:1rem;width:100%}.stat .num{font-size:1.4rem}.hero-btns{gap:.6rem}}.about-content{grid-template-columns:1.5fr 1fr 1fr;align-items:start;gap:3rem;display:grid}.player-main{grid-row:span 2}.player-info-row{border-bottom:1px solid var(--border);gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.avatar{border:2px solid var(--accent);object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.player-text h3{margin-bottom:.25rem;font-size:clamp(1.25rem,3vw,1.5rem)}.class{color:var(--accent);font-family:var(--font-mono);margin-bottom:.75rem;font-size:.9rem}.xp-bar{background:var(--bg-elevated);border-radius:3px;width:100%;max-width:180px;height:6px;margin-bottom:.5rem;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent), var(--success));border-radius:3px;height:100%}.player-text small{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono)}.player-desc{color:var(--text-dim);font-size:clamp(.95rem,2vw,1rem);line-height:1.9}.stats-section h4,.quests-section h4{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;font-size:.85rem}.attr{align-items:center;gap:1rem;margin-bottom:1rem;font-size:.95rem;display:flex}.attr span:first-child{min-width:100px;color:var(--text-dim);text-align:center}.attr span:last-child{text-align:right;width:30px;font-family:var(--font-mono);color:var(--accent);font-size:.9rem}.bar{background:var(--bg-elevated);border-radius:2px;flex:1;height:4px;overflow:hidden}.fill{background:var(--accent);height:100%;box-shadow:0 0 6px var(--accent-glow);border-radius:2px}.quests{list-style:none}.quests li{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;font-size:.9rem;display:flex}.quests li:last-child{border-bottom:none}.quests i{color:var(--success);font-size:1rem}.quests .active i{color:var(--warning);animation:2s linear infinite spin}.quest-text{text-align:left;flex:1}.quests span{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:.75rem}.quests .active span{color:var(--warning)}@media (width<=968px){.about-content{grid-template-columns:1fr;gap:2rem}.player-main{grid-row:span 1}.stats-section,.quests-section{width:100%}}@media (width<=768px){.player-info-row{text-align:center;flex-direction:column;gap:1rem}.avatar{width:80px;height:80px;margin:0 auto}.player-text h3{font-size:1.25rem}.xp-bar{margin:.5rem auto}.player-desc{margin-top:1.5rem;font-size:.95rem;line-height:1.5}.attr{font-size:.9rem}}@media (width<=480px){.player-info-row{gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.avatar{width:70px;height:70px}.player-text h3{font-size:1.1rem}.attr{gap:.75rem;font-size:.9rem}.attr span:first-child{width:80px}.quests li{padding:.75rem 0;font-size:.9rem}}@media (width<=360px){.avatar{width:65px;height:65px}}.skills-list{border-top:1px solid var(--border);flex-direction:column;gap:0;display:flex}.skill-row{border-bottom:1px solid var(--border);border-left:2px solid #0000;align-items:center;gap:1.5rem;padding:1.5rem 0;transition:all .2s;display:flex}.skill-row:hover{background:var(--bg-elevated);border-left-color:var(--accent);margin:0 -1rem;padding-left:1rem;padding-right:1rem}.skill-icon{color:var(--accent);text-align:center;width:40px;font-size:2rem}.skill-info h4{min-width:100px;margin-bottom:.25rem;font-size:1.1rem}.skill-info p{color:var(--text-dim);font-size:.9rem;line-height:1.7}@media (width<=768px){.skill-row{padding:1.25rem 0}.skill-row:hover{margin:0;padding-left:.5rem;padding-right:0}}@media (width<=480px){.skill-icon{width:36px;font-size:1.5rem}.skill-info h4{font-size:1.05rem}.skill-info p{font-size:.85rem}}@media (width<=360px){.skill-row{flex-direction:column;align-items:flex-start;gap:.75rem}.skill-icon{width:32px}}.cert-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.cert-item{border-bottom:1px solid var(--border);width:100%;transition:all .3s}.cert-header{cursor:pointer;border-left:2px solid #0000;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 0;transition:all .2s;display:flex}.cert-item:hover .cert-header{background:var(--bg-elevated);border-left-color:var(--accent);margin:0 -1rem 1rem;padding-left:1rem;padding-right:1rem}.cert-info h4{color:var(--text);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.cert-info span{color:var(--text-dim);font-size:.85rem;font-family:var(--font-mono)}.cert-icon{color:var(--accent);font-size:1.1rem;transition:transform .25s}.cert-content{flex-direction:column;align-items:center;max-height:1000px;padding:0 1rem 2rem;transition:max-height .35s,padding .35s;display:flex;overflow:hidden}.cert-slider-controls{justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0 1rem;display:flex}.cert-slide-btn{justify-content:center;min-width:110px}.cert-page-indicator{text-align:center;min-width:140px}.cert-slide-btn{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.75rem;transition:all .2s;display:inline-flex}.cert-slide-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.cert-slide-btn:disabled{opacity:.45;cursor:not-allowed}.cert-page-indicator{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem}.cert-preview{border:1px solid var(--border);cursor:zoom-in;border-radius:8px;width:100%;max-width:600px;margin:0 auto 1.5rem;transition:border-color .2s;position:relative;overflow:hidden}.cert-preview:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.cert-preview img{width:100%;height:auto;transition:transform .3s;display:block}.cert-preview:hover img{transform:scale(1.02)}.cert-overlay{opacity:0;cursor:pointer;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cert-preview:hover .cert-overlay{opacity:1}.cert-overlay i{color:var(--accent);font-size:2rem}.cert-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cert-item.collapsed .cert-content{max-height:0;padding:0 1rem}.cert-item.open .cert-content{max-height:1000px;padding:0 1rem 2rem}.cert-item.open .cert-icon{transform:rotate(180deg)}.cert-actions .btn{min-width:180px;padding:.75rem 1.5rem;font-size:.9rem}.cert-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000f2;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.cert-modal-content{flex-direction:column;align-items:center;gap:1.5rem;max-width:90vw;max-height:90vh;display:flex;position:relative}.cert-modal-content img{border:2px solid var(--accent);max-width:100%;max-height:75vh;box-shadow:0 0 40px var(--accent-glow);border-radius:8px}.modal-slide-controls{order:-1;justify-content:center;align-items:center;gap:.75rem;width:min(92vw,820px);display:flex}.modal-slide-btn{justify-content:center;min-width:120px}.modal-page-indicator{text-align:center;min-width:160px}.modal-slide-btn{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;background:#0f0f16e6;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.75rem;transition:all .2s;display:inline-flex}.modal-slide-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.modal-slide-btn:disabled{opacity:.45;cursor:not-allowed}.modal-page-indicator{font-family:var(--font-mono);color:var(--text-dim);font-size:.82rem}.cert-back-btn{margin-top:1rem}@media (width<=768px){.cert-item{width:100%}.cert-actions{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.cert-slide-btn,.modal-slide-btn{min-width:0;padding:.4rem .7rem;font-size:.72rem}.cert-page-indicator,.modal-page-indicator{min-width:0;font-size:.72rem}.cert-actions .btn{width:100%;min-width:0;padding:.55rem .9rem;font-size:.8rem}}@media (width<=480px){.cert-slider-controls,.modal-slide-controls{gap:.5rem}.cert-slide-btn,.modal-slide-btn{padding:.35rem .6rem;font-size:.68rem}.cert-actions .btn{padding:.5rem .85rem;font-size:.76rem}.cert-page-indicator,.modal-page-indicator{font-size:.68rem}}.projects-list{flex-direction:column;gap:2rem;margin-bottom:4rem;display:flex}.project-row{gap:1.5rem;display:flex;position:relative}.project-indicator{background:var(--border);border-radius:2px;flex-shrink:0;width:3px}.project-row.epic .project-indicator{background:var(--accent-dim)}.project-row.rare .project-indicator{background:var(--accent)}.project-content{border-bottom:1px solid var(--border);flex:1;padding-bottom:2rem}.project-row:last-child .project-content{border-bottom:none;padding-bottom:0}.project-header-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.project-icon{color:var(--accent);font-size:1.25rem}.rarity{font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text-dim);text-align:center;border-radius:4px;min-width:50px;padding:.2rem .5rem;font-size:.7rem}.project-row.epic .rarity{color:var(--accent-dim)}.project-row.rare .rarity{color:var(--accent)}.project-content h3{margin-bottom:.75rem;font-size:clamp(1.1rem,3vw,1.35rem)}.project-content>p{color:var(--text-dim);max-width:600px;margin-bottom:1rem;font-size:.95rem;line-height:1.8}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tags span{background:var(--bg-elevated);color:var(--accent);font-size:.75rem;font-family:var(--font-mono);border-radius:4px;padding:.3rem .6rem}.github-cta{text-align:center;border-top:1px solid var(--border);padding:3rem}.github-cta p{color:var(--text-dim);margin-bottom:1rem}.github-cta .btn{min-width:140px}@media (width<=768px){.project-row{gap:1rem}.project-content{padding-bottom:1.5rem}.tags{gap:.4rem}.tags span{padding:.25rem .5rem;font-size:.7rem}.github-cta{padding:2rem 1rem}}@media (width<=480px){.project-header-row{flex-wrap:wrap;gap:.5rem}.rarity{font-size:.7rem}}.contact-content{grid-template-columns:1fr 1.5fr;gap:4rem;display:grid}.contact-info-row{flex-direction:column;gap:2rem;display:flex}.info-item{align-items:flex-start;gap:1rem;display:flex}.info-item i{color:var(--accent);margin-top:.25rem;font-size:1.25rem}.info-item h4{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;min-width:100px;margin-bottom:.25rem;font-size:.8rem}.info-item p{color:var(--text-dim);font-size:.95rem}.online-dot{animation:2s infinite pulse;color:var(--success)!important;font-size:.75rem!important}form{flex-direction:column;gap:1.5rem;display:flex}.form-group{position:relative}.form-group input,.form-group textarea{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-sans);background:0 0;outline:none;padding:1rem 0;font-size:1rem;transition:border-color .2s}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--accent)}.form-group label{color:var(--text-dim);pointer-events:none;font-size:1rem;transition:all .2s;position:absolute;top:1rem;left:0}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:var(--accent);font-size:.75rem;top:-.5rem}.form-status{min-height:1.5rem;margin-top:.5rem;font-size:.9rem}.form-status.success{color:var(--success)}.form-status.error{color:var(--error)}form .btn{min-width:140px}.grecaptcha-badge{visibility:hidden!important}.recaptcha-disclosure{color:var(--text-dim);max-width:32rem;margin-top:-.25rem;font-size:.75rem;line-height:1.4}@media (width<=968px){.contact-content{grid-template-columns:1fr;gap:3rem}}@media (width<=768px){.contact-info-row{gap:1.5rem}}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-dim);padding:4rem 5%;font-size:.9rem}.easter{font-family:var(--font-mono);color:var(--accent);justify-content:center;align-items:center;gap:.25rem;margin-top:.75rem;font-size:.9rem;display:flex}.cursor{animation:1s infinite blink}@media (width<=768px){.footer{padding:2.5rem 4%}.easter{font-size:.85rem}}