:root,.light{--primary:59,130,246;--secondary:99,102,241;--accent:168,85,247;--highlight:34,197,94;--neutral:107,114,128;--background:255,255,255;--text:17,24,39;--text-light:75,85,99;--navbar-bg:249,250,251;--glow-primary:0 0 10px rgba(var(--primary),.8);--glow-secondary:0 0 10px rgba(var(--secondary),.8);--glow-accent:0 0 10px rgba(var(--accent),.8);--glow-highlight:0 0 10px rgba(var(--highlight),.8);--glow-neutral:0 0 10px rgba(var(--neutral),.8);transition:all .3s}.dark{--primary:59,130,246;--secondary:99,102,241;--accent:168,85,247;--highlight:34,197,94;--neutral:107,114,128;--background:17,24,39;--text:243,244,246;--text-light:156,163,175;--navbar-bg:31,41,55;--glow-primary:0 0 10px rgba(var(--primary),.8);--glow-secondary:0 0 10px rgba(var(--secondary),.8);--glow-accent:0 0 10px rgba(var(--accent),.8);--glow-highlight:0 0 10px rgba(var(--highlight),.8);--glow-neutral:0 0 10px rgba(var(--neutral),.8);transition:all .3s}.cyberpunk{--primary:252,238,9;--secondary:0,240,255;--accent:255,0,60;--highlight:0,255,128;--neutral:128,128,128;--background:5,10,14;--text:250,250,250;--text-light:160,160,160;--navbar-bg:15,25,35;--glow-primary:0 0 10px rgba(var(--primary),.8);--glow-secondary:0 0 10px rgba(var(--secondary),.8);--glow-accent:0 0 10px rgba(var(--accent),.8);--glow-highlight:0 0 10px rgba(var(--highlight),.8);--glow-neutral:0 0 10px rgba(var(--neutral),.8);transition:all .3s}.witcher{--primary:181,12,15;--secondary:78,99,108;--accent:139,69,19;--highlight:85,107,47;--neutral:39,39,39;--background:234,234,234;--text:49,10,11;--text-light:78,99,108;--navbar-bg:220,220,220;--glow-primary:0 0 10px rgba(var(--primary),.8);--glow-secondary:0 0 10px rgba(var(--secondary),.8);--glow-accent:0 0 10px rgba(var(--accent),.8);--glow-highlight:0 0 10px rgba(var(--highlight),.8);--glow-neutral:0 0 10px rgba(var(--neutral),.8);transition:all .3s}body.cyberpunk{background:linear-gradient(135deg,#050a0e,#0f1419,#050a0e) fixed}.glow-primary{box-shadow:var(--glow-primary);text-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary);text-shadow:var(--glow-secondary)}.glow-accent{box-shadow:var(--glow-accent);text-shadow:var(--glow-accent)}.glow-highlight{box-shadow:var(--glow-highlight);text-shadow:var(--glow-highlight)}.glow-neutral{box-shadow:var(--glow-neutral);text-shadow:var(--glow-neutral)}.page-header{text-align:center;margin-bottom:3.25rem}.page-title{color:rgb(var(--primary));background-color:rgba(var(--navbar-bg),.2);justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 0;font-size:clamp(2.5rem,4vw,3rem);font-weight:700;transition:color .3s;display:flex}.gradient-primary-secondary{background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--secondary)))}.gradient-accent-highlight{background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--highlight)))}.animated-gradient{background:linear-gradient(-45deg,rgb(var(--primary)),rgb(var(--secondary)),rgb(var(--accent)),rgb(var(--highlight)));background-size:400% 400%;animation:8s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shadow-primary{box-shadow:0 4px 12px rgba(var(--primary),.25)}.shadow-secondary{box-shadow:0 4px 12px rgba(var(--secondary),.25)}.shadow-accent{box-shadow:0 4px 12px rgba(var(--accent),.25)}.shadow-highlight{box-shadow:0 4px 12px rgba(var(--highlight),.25)}.shadow-navbar{box-shadow:0 4px 12px rgba(var(--navbar-bg),.25)}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Light-IqwJ_ZjS.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-LightItalic-C9iuU4v7.woff2)format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular-CPM9dct4.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Italic-wVmEEc6M.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Medium-ByP-Zb-9.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-MediumItalic-BxR-IcRj.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-Bd5kKQ_U.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-BoldItalic-CAjvAcxR.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Black-DjnQuuRz.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-BlackItalic-ChCbTD27.woff2)format("woff2");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:italic}html{height:auto}body{background-color:rgb(var(--background));min-width:320px;color:rgb(var(--text));flex-direction:column;min-height:100vh;margin:0;transition:background-color .3s,color .3s;display:flex}#root{flex-direction:column;flex:1;width:100%;margin:0 auto;padding:0;display:flex;position:relative}main{flex:1;width:100%;max-width:1280px;margin:0 auto}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Satoshi,system-ui,Avenir,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5}h1{font-size:3.2em;line-height:1.1}a{color:rgb(var(--accent));-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:rgb(var(--highlight))}button{background-color:rgb(var(--accent));color:rgb(var(--primary));cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{background-color:rgb(var(--highlight))}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root:before{content:"";z-index:-1;pointer-events:none;animation:8s ease-in-out infinite alternate pulse;position:fixed;inset:0}.light #root:before{background:radial-gradient(circle at 10% 20%,rgba(var(--primary),.12)0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(var(--highlight),.1)0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(var(--accent),.2)0%,transparent 40%)}.dark #root:before{background:radial-gradient(circle at 10% 20%,rgba(var(--primary),.1)0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(var(--highlight),.08)0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(var(--accent),.06)0%,transparent 40%)}.witcher #root:before{background:radial-gradient(circle at 10% 20%,rgba(var(--primary),.08)0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(var(--highlight),.3)0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(var(--secondary),.3)0%,transparent 40%)}.cyberpunk #root:before{background:radial-gradient(circle at 10% 20%,rgba(var(--primary),.08)0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(var(--secondary),.08)0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(var(--accent),.06)0%,transparent 40%)}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.lazy-image-container{width:100%;height:100%;position:relative;overflow:hidden}.markdown-image.lazy-image-container{border-radius:8px;margin:1rem auto;display:block}.lazy-image-placeholder{background:rgba(var(--neutral),.1);border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.lazy-image-skeleton{background:linear-gradient(90deg,rgba(var(--neutral),.1)25%,rgba(var(--neutral),.2),rgba(var(--neutral),.1)75%);border-radius:inherit;will-change:background-position;background-size:200% 100%;width:100%;height:100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-quality;backface-visibility:hidden;border-radius:inherit;z-index:2;transition:opacity .3s}.lazy-image[src$=".gif"],.lazy-image[src*=".gif"]{image-rendering:auto;image-rendering:-webkit-optimize-contrast;will-change:auto}.lazy-image.loading{opacity:0}.lazy-image.loaded{opacity:1}.lazy-image.loaded.fallback{object-fit:cover;object-position:center}.cyberpunk .lazy-image-skeleton{background:linear-gradient(90deg,rgba(var(--primary),.1)25%,rgba(var(--primary),.2),rgba(var(--primary),.1)75%);background-size:200% 100%}.witcher .lazy-image-skeleton{background:linear-gradient(90deg,rgba(var(--accent),.1)25%,rgba(var(--accent),.2),rgba(var(--accent),.1)75%);background-size:200% 100%}@media (prefers-reduced-motion:reduce){.lazy-image-skeleton{background:rgba(var(--neutral),.2);animation:none}.lazy-image{transition:none}}@font-face{font-family:GoogleSansCode;src:url(/assets/GoogleSansCode-Regular-oX65KQJa.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.markdown-content{line-height:1.6}.markdown-content p{color:rgb(var(--text));margin-bottom:1rem}.markdown-content strong{color:rgb(var(--highlight));font-weight:700}.markdown-content em{color:rgb(var(--accent));font-style:italic}.markdown-content em strong{color:rgb(var(--primary));font-style:italic;font-weight:700}.markdown-content code{background-color:rgba(var(--secondary),.2);color:rgb(var(--secondary));border-radius:4px;padding:.125rem .25rem;font-family:GoogleSansCode;font-size:.875rem;font-weight:400}.markdown-content h1{color:rgb(var(--primary));margin-bottom:1rem;font-size:1.5rem;font-weight:700}.markdown-content h2{color:rgb(var(--secondary));margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.markdown-content h3{color:rgb(var(--highlight));margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.markdown-content a{color:rgba(var(--primary));text-decoration:underline;transition:color .2s}.markdown-content a:hover{color:rgb(var(--highlight))}.markdown-content ul,.markdown-content ol{color:rgb(var(--text));margin:1rem 0;padding-left:1.5rem}.markdown-content li{color:rgb(var(--text));margin-bottom:.25rem}.project-detail-markdown{font-size:.95rem}.project-detail-markdown h1{border-bottom:2px solid rgba(var(--primary),.3);margin-top:0;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.25rem}.project-detail-markdown h2{margin-top:1.5rem;margin-bottom:.5rem;padding-left:1rem;font-size:1.125rem;position:relative}.project-detail-markdown h2:before{content:"";background:linear-gradient(to bottom,rgb(var(--secondary)),rgb(var(--highlight)));border-radius:2px;width:3px;height:1rem;position:absolute;top:.25rem;left:0}.project-detail-markdown h3{margin-top:1rem;margin-bottom:.5rem;padding-left:.75rem;font-size:1rem;position:relative}.project-detail-markdown h3:before{content:"▶";color:rgb(var(--accent));font-size:.8rem;position:absolute;left:0}.project-detail-markdown p:first-child{margin-top:0}.project-detail-markdown p:last-child{margin-bottom:0}.project-detail-markdown ul li{position:relative}.project-detail-markdown ul li:before{content:"▸";color:rgb(var(--highlight));position:absolute;left:-1rem}.project-detail-markdown blockquote{border-left:4px solid rgb(var(--highlight));background-color:rgba(var(--neutral),.1);border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem;font-style:italic}.project-detail-markdown pre{background-color:rgba(var(--neutral),.2);border:1px solid rgba(var(--neutral),.3);border-radius:8px;padding:1rem;overflow-x:auto}.project-detail-markdown code{font-family:Fira Code,Monaco,Cascadia Code,monospace}.project-detail-markdown table{border-collapse:collapse;width:100%;margin:1rem 0}.project-detail-markdown th,.project-detail-markdown td{border:1px solid rgba(var(--neutral),.3);text-align:left;padding:.5rem}.project-detail-markdown th{background-color:rgba(var(--primary),.1);color:rgb(var(--primary));font-weight:600}.markdown-content img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0000001a}.markdown-content img:hover{transform:scale(1.02);box-shadow:0 8px 16px #00000026}.markdown-content p img{margin:1rem auto;display:block}.markdown-content .walkthrough-section{align-items:flex-start;gap:2rem;margin:2rem 0;display:flex}.markdown-content .walkthrough-content{flex:1;min-width:0}.markdown-content .walkthrough-media{flex:0 0 45%;max-width:45%}.markdown-content .walkthrough-media img,.markdown-content .walkthrough-media video{border:1px solid rgba(var(--neutral),.2);width:100%;height:auto;box-shadow:0 4px 12px rgba(var(--neutral),.15);border-radius:8px}.markdown-content .walkthrough-section.multiple{flex-direction:column;gap:1.5rem}.markdown-content .walkthrough-media-multiple{gap:1rem;width:100%;display:flex}.markdown-content .walkthrough-media-multiple .lazy-image-container{flex:1;transition:flex .3s}.markdown-content .walkthrough-media-multiple img,.markdown-content .walkthrough-media-multiple video{border:1px solid rgba(var(--neutral),.2);width:100%;height:auto;box-shadow:0 4px 12px rgba(var(--neutral),.15);object-fit:cover;border-radius:8px;transition:box-shadow .3s}@media (width>=769px){.markdown-content .walkthrough-media-multiple:hover .lazy-image-container{flex:.6}.markdown-content .walkthrough-media-multiple .lazy-image-container:hover{flex:1.8}.markdown-content .walkthrough-media-multiple .lazy-image-container:hover img,.markdown-content .walkthrough-media-multiple .lazy-image-container:hover video{box-shadow:0 8px 24px rgba(var(--neutral),.25)}}@media (width<=768px){.markdown-content .walkthrough-section{flex-direction:column;gap:1rem}.markdown-content .walkthrough-media{flex:none;max-width:100%}.markdown-content .walkthrough-media-multiple{flex-direction:column;gap:1rem}.markdown-content .walkthrough-media-multiple .lazy-image-container,.markdown-content .walkthrough-media-multiple img,.markdown-content .walkthrough-media-multiple video{flex:none}}.markdown-content.cyberpunk .walkthrough-media img,.markdown-content.cyberpunk .walkthrough-media video,.markdown-content.cyberpunk .walkthrough-media-multiple img,.markdown-content.cyberpunk .walkthrough-media-multiple video{box-shadow:0 0 20px rgba(var(--primary),.3);border:1px solid rgba(var(--primary),.5)}.markdown-content.witcher .walkthrough-media img,.markdown-content.witcher .walkthrough-media video,.markdown-content.witcher .walkthrough-media-multiple img,.markdown-content.witcher .walkthrough-media-multiple video{box-shadow:0 4px 12px rgba(var(--accent),.2);border:1px solid rgba(var(--accent),.3)}.markdown-content figure{text-align:center;margin:1.5rem 0}.markdown-content figure img{margin-bottom:.5rem}.markdown-content figcaption{color:rgb(var(--text-light));margin-top:.5rem;font-size:.875rem;font-style:italic}.markdown-content details div{background:#00000026;width:fit-content}.markdown-content summary{background:rgba(var(--background),.95);border:1px solid rgba(var(--secondary),.6);color:rgb(var(--secondary));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(var(--neutral),.15);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.markdown-content summary:hover{background:rgba(var(--secondary),.1);border-color:rgb(var(--secondary));color:rgb(var(--secondary));box-shadow:0 6px 16px rgba(var(--secondary),.25);transform:translateY(-2px)}.markdown-content summary:active{transform:translateY(-1px)}.markdown-content hr{background:linear-gradient(90deg,transparent 0%,rgb(var(--secondary))20%,rgb(var(--primary))50%,rgb(var(--secondary))80%,transparent 100%);height:2px;box-shadow:0 0 10px rgba(var(--secondary),.3);border:none}.project-detail-markdown img{border:2px solid rgba(var(--neutral),.2)}.markdown-content.cyberpunk img{box-shadow:0 0 20px rgba(var(--primary),.3);border:1px solid rgba(var(--primary),.5)}.markdown-content.witcher img{box-shadow:0 4px 12px rgba(var(--accent),.2);border:1px solid rgba(var(--accent),.3)}.home-container{padding:clamp(1rem,3vw,2rem)}.home-main{flex:.25;grid-template-columns:clamp(200px,30vw,300px) 1fr;align-items:center;gap:clamp(2rem,8vw,5rem);display:grid}.home-profile{justify-content:center;align-items:center;display:flex}.profile-image-container{width:clamp(180px,25vw,300px);height:clamp(180px,25vw,300px);margin-bottom:5rem;position:relative}.profile-image{object-fit:cover;border:4px solid rgb(var(--primary));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none;border-radius:50%;width:100%;height:100%;transition:all .3s}.profile-image *{-webkit-user-drag:none!important;object-fit:cover!important}.profile-border{border:2px solid rgba(var(--primary),.3);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-8px -16px -16px -8px}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}.profile-niche{color:rgb(var(--accent));text-align:center;letter-spacing:1.5px;background:linear-gradient(90deg,rgba(var(--primary),.08),rgba(var(--secondary),.08));box-shadow:0 2px 12px rgba(var(--primary),.08);border-radius:16px;margin-top:1.65rem;padding:.5rem 1.5rem;font-size:1.25rem;font-weight:600;transition:color .3s,box-shadow .3s}.profile-niche:hover{background:linear-gradient(90deg,rgba(var(--primary),.18),rgba(var(--secondary),.18));color:rgb(var(--primary));box-shadow:0 4px 24px rgba(var(--secondary),.15)}.home-content{flex-direction:column;gap:1rem;display:flex}.home-info{grid-template-columns:.75fr auto 1fr;align-items:center;gap:clamp(1rem,2vw,1.5rem);display:grid}.home-name-section{text-align:right}.home-name{color:rgb(var(--secondary));margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.home-divider{background:linear-gradient(180deg,transparent 0%,rgb(var(--secondary))20%,rgb(var(--primary))50%,rgb(var(--secondary))80%,transparent 100%);width:2px;height:90px;box-shadow:0 0 10px rgba(var(--secondary),.3);margin:0 1rem}.home-statement-section{text-align:left}.home-statement{color:rgb(var(--text-light));margin:0;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6}.home-statement p{margin:0}.home-navigation{flex-direction:column;gap:.75rem;margin-top:.5rem;padding-left:.75rem;display:flex}.nav-card{background-color:rgba(var(--text),.05);border:2px solid rgba(var(--primary),.2);color:rgb(var(--text));cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);text-decoration:none;transition:all .3s;display:flex}.nav-card:hover{background-color:rgba(var(--primary),.1);border-color:rgb(var(--primary));box-shadow:0 8px 25px rgba(var(--primary),.2);transform:translateY(-2px)}.nav-icon{width:24px;height:24px;color:rgb(var(--primary));flex-shrink:0}.nav-text{color:rgb(var(--text));font-size:clamp(.9rem,1.5vw,1rem);font-weight:500}.profile-image{box-shadow:0 0 20px rgba(var(--primary),.3)}.cyberpunk .profile-image{border-color:rgb(var(--secondary));box-shadow:0 0 20px rgba(var(--secondary),.3)}.profile-border{border-color:rgba(var(--primary),.5);box-shadow:0 0 30px rgba(var(--primary),.2)}.cyberpunk .nav-card:hover{background-color:rgba(var(--secondary),.1);border-color:rgb(var(--secondary));box-shadow:0 8px 25px rgba(var(--secondary),.3)}.cyberpunk .nav-icon{color:rgb(var(--secondary))}@media (width<=968px){.home-main{text-align:center;grid-template-columns:1fr;gap:2.5rem}.home-info{text-align:center;grid-template-columns:1fr;gap:1rem}.home-name-section,.home-statement-section{text-align:center}.home-divider{background:linear-gradient(90deg,transparent 0%,rgb(var(--secondary))20%,rgb(var(--primary))50%,rgb(var(--secondary))80%,transparent 100%);width:100%;height:2px;margin:0 auto}.home-navigation{flex-direction:column;gap:1rem;margin-top:.5rem;padding-left:0;display:flex}}.interactive-skills-container{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;min-height:400px;display:grid}.skills-left-panel{border-right:1px solid rgba(var(--primary),.2);flex-direction:column;gap:1.5rem;max-height:100%;padding-right:1rem;display:flex;overflow:visible}.skills-category{margin-bottom:1rem}.skills-category-title{color:rgb(var(--primary));text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(var(--primary),.3);margin:0 0 .75rem;padding-bottom:.5rem;font-size:clamp(1rem,2vw,1.1rem);font-weight:600}.skills-tags{flex-wrap:wrap;gap:.5rem;display:flex}.interactive-skill-tag{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:20px;padding:clamp(.4rem,1vw,.5rem) clamp(.8rem,1.5vw,1rem);font-size:clamp(.8rem,1.5vw,.875rem);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.interactive-skill-tag.accent{background:linear-gradient(135deg,rgba(var(--accent),.2),rgba(var(--accent),.1));color:rgb(var(--accent));border-color:rgba(var(--accent),.3)}.interactive-skill-tag.secondary{background:linear-gradient(135deg,rgba(var(--secondary),.2),rgba(var(--secondary),.1));color:rgb(var(--secondary));border-color:rgba(var(--secondary),.3)}.interactive-skill-tag.highlight{background:linear-gradient(135deg,rgba(var(--highlight),.2),rgba(var(--highlight),.1));color:rgb(var(--highlight));border-color:rgba(var(--highlight),.3)}.interactive-skill-tag.primary{background:linear-gradient(135deg,rgba(var(--primary),.2),rgba(var(--primary),.1));color:rgb(var(--primary));border-color:rgba(var(--primary),.3)}.interactive-skill-tag:hover{box-shadow:0 6px 20px rgba(var(--primary),.2);transform:translateY(-2px)}.interactive-skill-tag.accent:hover{background:linear-gradient(135deg,rgba(var(--accent),.3),rgba(var(--accent),.2));border-color:rgb(var(--accent));box-shadow:0 6px 20px rgba(var(--accent),.3)}.interactive-skill-tag.secondary:hover{background:linear-gradient(135deg,rgba(var(--secondary),.3),rgba(var(--secondary),.2));border-color:rgb(var(--secondary));box-shadow:0 6px 20px rgba(var(--secondary),.3)}.interactive-skill-tag.highlight:hover{background:linear-gradient(135deg,rgba(var(--highlight),.3),rgba(var(--highlight),.2));border-color:rgb(var(--highlight));box-shadow:0 6px 20px rgba(var(--highlight),.3)}.interactive-skill-tag.primary:hover{background:linear-gradient(135deg,rgba(var(--primary),.3),rgba(var(--primary),.2));border-color:rgb(var(--primary));box-shadow:0 6px 20px rgba(var(--primary),.3)}.interactive-skill-tag.selected{transform:scale(1.05)}.interactive-skill-tag.accent.selected{background:linear-gradient(135deg,rgba(var(--accent),.4),rgba(var(--accent),.3));border-color:rgb(var(--accent));box-shadow:0 0 20px rgba(var(--accent),.5)}.interactive-skill-tag.secondary.selected{background:linear-gradient(135deg,rgba(var(--secondary),.4),rgba(var(--secondary),.3));border-color:rgb(var(--secondary));box-shadow:0 0 20px rgba(var(--secondary),.5)}.interactive-skill-tag.highlight.selected{background:linear-gradient(135deg,rgba(var(--highlight),.4),rgba(var(--highlight),.3));border-color:rgb(var(--highlight));box-shadow:0 0 20px rgba(var(--highlight),.5)}.interactive-skill-tag.primary.selected{background:linear-gradient(135deg,rgba(var(--primary),.4),rgba(var(--primary),.3));border-color:rgb(var(--primary));box-shadow:0 0 20px rgba(var(--primary),.5)}.skills-right-panel{align-items:stretch;max-height:100%;padding-left:1rem;display:flex;overflow:hidden}.skill-description-container{background:linear-gradient(135deg,rgba(var(--background),.95),rgba(var(--primary),.02));border:1px solid rgba(var(--primary),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;flex:1;justify-content:center;max-height:100%;padding:1.5rem;transition:all .3s;overflow-y:auto}.skill-description-content{opacity:1;animation:.3s ease-out fadeInUp;transform:translateY(0)}.skill-description-title{color:rgb(var(--primary));text-align:center;border-bottom:2px solid rgba(var(--primary),.3);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.skill-definition-section,.skill-experience-section{margin-bottom:1.5rem}.skill-definition-section:last-child,.skill-experience-section:last-child{margin-bottom:0}.skill-section-header{color:rgb(var(--secondary));text-transform:uppercase;letter-spacing:.5px;border-left:3px solid rgb(var(--secondary));margin-bottom:.75rem;padding-left:.75rem;font-size:1.5rem;font-weight:600}.skill-definition-text,.skill-experience-text{color:rgb(var(--text));font-size:1.25rem;line-height:1.6}.skill-description-placeholder{text-align:center;opacity:.7}.placeholder-icon{opacity:.6;margin-bottom:1rem;font-size:3rem}.placeholder-title{color:rgb(var(--text-light));margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.placeholder-text{color:rgb(var(--text-light));font-size:.95rem;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.interactive-skills-container{grid-template-columns:1fr;gap:1.5rem}.skills-left-panel{border-right:none;border-bottom:1px solid rgba(var(--primary),.2);padding-bottom:1rem;padding-right:0}.skills-right-panel{padding-top:1rem;padding-left:0}.skill-description-container{min-height:200px}}.about-container{padding:clamp(1rem,3vw,2rem)}.about-subtitle{color:rgb(var(--text-light));max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.about-grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem);margin-bottom:3rem;display:grid}.about-card{border-radius:12px;padding:clamp(1.5rem,3vw,2rem)}.about-card.primary{border:1px solid rgba(var(--accent),.2);background:linear-gradient(135deg,rgba(var(--accent),.1),rgba(var(--secondary),.05));box-shadow:var(--glow-accent)}.about-card.secondary{border:1px solid rgba(var(--secondary),.2);background:linear-gradient(135deg,rgba(var(--secondary),.1),rgba(var(--accent),.05));box-shadow:var(--glow-secondary);padding-right:20px}.about-card-title{margin-bottom:1rem;font-size:1.5rem}.about-card-title.primary{color:rgb(var(--primary))}.about-card-title.secondary{color:rgb(var(--secondary))}.about-card-text{color:rgb(var(--text));line-height:1.6}.resume-container{margin-bottom:2rem;padding:clamp(1rem,3vw,2rem)}.resume-content{flex-direction:column;gap:3rem;display:flex}.resume-card{border-radius:12px;padding:clamp(1.5rem,3vw,2rem);overflow:visible}.resume-card.education,.resume-card.experience{border:1px solid rgba(var(--secondary),.2);background:linear-gradient(135deg,rgba(var(--neutral),.1),rgba(var(--background),.15));box-shadow:var(--glow-secondary)}.resume-section{position:relative}.section-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative;right:1rem}.section-icon{width:48px;height:48px;color:rgb(var(--secondary));border:1px solid rgba(var(--secondary),.2);background:rgb(var(--navbar-bg));box-shadow:var(--glow-secondary);border-radius:10px}.section-title{color:rgb(var(--primary))!important;margin:0!important;font-size:1.75rem!important;font-weight:600!important;position:relative!important}.timeline{padding-left:clamp(1.5rem,2vw,1.8rem);position:relative}.resume-container .timeline:before{content:"";background:linear-gradient(180deg,rgb(var(--primary)),rgb(var(--accent)));z-index:-1;width:2px;height:calc(100% + 50px);position:absolute;bottom:0;left:.5rem}.timeline-item{margin-bottom:2rem;padding-left:clamp(2rem,2.5vw,2rem);position:relative}.timeline-item:last-child{margin-bottom:0}.resume-container .timeline-marker{background-color:rgb(var(--secondary));border:3px solid rgb(var(--background));width:clamp(10px,1.5vw,12px);height:clamp(10px,1.5vw,12px);box-shadow:0 0 0 2px rgb(var(--secondary));z-index:2;border-radius:50%;position:relative;top:2.8rem;left:-3.75rem}.timeline-content{box-shadow:var(--glow-secondary);background-color:rgba(var(--text),.05);border-left:4px solid rgb(var(--primary));border-radius:8px;padding:clamp(1rem,2vw,1.5rem);transition:all .3s}.timeline-content:hover{transform:translate(5px);background-color:rgba(var(--primary),.08)!important}.item-title{color:rgb(var(--text));margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.item-subtitle{color:rgb(var(--accent));margin:0 0 .75rem;font-size:1rem;line-height:1.4}.achievements-list{margin:1rem 0 0;padding:0;list-style:none}.achievement-item{color:rgb(var(--text));margin-bottom:.5rem;padding-left:1.5rem;font-size:1rem;line-height:1.5;position:relative}.achievement-item:before{content:"•";color:rgb(var(--primary));font-size:1.125rem;font-weight:700;position:absolute;top:-.2rem;left:0}.achievement-item:last-child{margin-bottom:0}.achievement-content{margin:0}.achievement-content p{margin:0;line-height:1.6}.achievement-content strong{color:rgb(var(--secondary));font-weight:600}.achievement-content em{color:rgb(var(--secondary));font-style:italic}.achievement-content code{background-color:rgba(var(--primary),.1);color:rgb(var(--primary));border-radius:4px;padding:.2rem .4rem;font-size:.9em}.cyberpunk .timeline-content{background-color:rgba(var(--primary),.1);border-left-color:rgb(var(--secondary))}.cyberpunk .resume-container .timeline-marker{background-color:rgb(var(--secondary));border:3px solid rgb(var(--background));box-shadow:0 0 10px rgba(var(--secondary),.5)}.cyberpunk .resume-container .timeline:before{background:linear-gradient(180deg,rgb(var(--primary)),rgb(var(--secondary)))}.cyberpunk .achievement-item:before{color:rgb(var(--secondary));text-shadow:0 0 5px rgba(var(--secondary),.5)}.witcher .timeline-content{background-color:rgba(var(--accent),.1);border-left-color:rgb(var(--primary))}.witcher .resume-container .timeline:before{background:linear-gradient(180deg,rgb(var(--primary)),rgb(var(--highlight)))}.witcher .resume-container .timeline-marker{background-color:rgb(var(--secondary));border:3px solid rgb(var(--background));box-shadow:0 0 0 2px rgb(var(--secondary))}.witcher .achievement-item:before{color:rgb(var(--primary))}@media (width<=1300px){.resume-container .timeline-marker{top:2.7rem;left:-3.5rem}}@media (width<=768px){.item-period,.item-location{margin:.25rem 0;display:block}.resume-container .timeline-marker{top:2.2rem;left:-3.4rem}}.resume-download-fixed{justify-content:center;margin-bottom:1rem;display:flex;position:relative;bottom:1rem}.download-link{background:rgba(var(--background),.95);border:1px solid rgba(var(--accent),.6);color:rgb(var(--accent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(var(--neutral),.15);border-radius:8px;align-items:center;gap:.5rem;width:auto;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.download-link:hover{background:rgba(var(--accent),.1);border-color:rgb(var(--accent));color:rgb(var(--accent));box-shadow:0 6px 16px rgba(var(--accent),.25);transform:translateY(-2px)}.download-link:active{transform:translateY(-1px)}.tech-icon{color:rgb(var(--primary));transition:color .2s}.tech-icon.primary{color:rgb(var(--primary))}.tech-icon.secondary{color:rgb(var(--secondary))}.tech-icon.accent{color:rgb(var(--accent))}.tech-icon.highlight{color:rgb(var(--highlight))}.tech-icon-fallback{background:rgba(var(--neutral),.2);color:rgb(var(--text));text-transform:uppercase;border:1px solid rgba(var(--primary),.3);border-radius:4px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.tech-icon-container{border-radius:8px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:inline-flex}.tech-icon-container svg,.tech-icon-container img{box-shadow:none;border:none;outline:none}.tech-icon-container:hover{background-color:rgba(var(--secondary),.1);box-shadow:0 2px 8px rgba(var(--secondary),.3)}.tech-icon-container.fallback-icon:hover{background-color:rgba(var(--neutral),.15);box-shadow:0 2px 8px rgba(var(--neutral),.3)}.tech-stack-marquee{--gap:1.5rem;--animation-duration:15s;gap:var(--gap);width:100%;height:fit-content;min-height:3rem;padding-block:.5rem;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}@keyframes scroll{to{transform:translate(calc(-100% - var(--gap)))}}.tech-stack-marquee ul{justify-content:space-around;align-items:center;gap:var(--gap);min-width:100%;animation:scroll var(--animation-duration)linear infinite;flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.tech-stack-marquee .tech-item{background-color:rgba(var(--neutral),.1);-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:max-content;min-width:3rem;padding:0 .75rem;transition:transform .2s;display:flex}.tech-stack-marquee .tech-item:hover{background-color:rgba(var(--neutral),.15);transform:translateY(-2px)}.tech-stack-marquee .tech-icon-container{justify-content:center;align-items:center;display:flex}.tech-stack-marquee .tech-item-label{color:rgb(var(--text-light));text-shadow:none;text-align:center;white-space:nowrap;margin-top:.25rem;font-size:.75rem;display:block}.tech-stack-marquee .tech-item:hover .tech-item-label{color:rgb(var(--text))}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.1)}.project-card p,.project-card a,.project-card h1,.project-card h2,.project-card h3,.project-card h4,.project-card h5,.project-card h6,.project-card span,.project-card label,.project-card li,.project-card strong,.project-card em,.project-card .project-card-main-content{transition:none}.project-card{background-color:rgba(var(--background),.95);border:1px solid rgba(var(--primary),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(var(--primary),.1);will-change:transform,box-shadow;contain:layout style paint;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:0 12px 40px rgba(var(--primary),.2);border-color:rgba(var(--primary),.3);transform:translateY(-8px)translateZ(0)}.project-card{width:100%;max-width:450px;height:auto}.project-card-title-header{background:linear-gradient(135deg,rgba(var(--primary),.05),rgba(var(--secondary),.05));border-bottom:1px solid rgba(var(--primary),.1);flex-shrink:0;padding:1rem 1.25rem .75rem}.project-card-title-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-card-title{color:rgb(var(--primary));background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;margin:0;font-weight:700;line-height:1.2}.project-card-date{color:rgb(var(--accent));opacity:.8;white-space:nowrap;letter-spacing:.5px;text-shadow:none;font-size:.875rem;font-weight:500}.project-card-title{font-size:1.125rem}.project-card-main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.project-card-image-container{background:linear-gradient(135deg,rgba(var(--primary),.1),rgba(var(--secondary),.1));cursor:pointer;aspect-ratio:16/8;flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-card:hover .project-card-overlay{opacity:1}.project-card-content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:1rem .5rem;display:flex;position:relative;overflow:hidden}.project-card-description{color:rgb(var(--text));text-shadow:none;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-description p{height:5.6rem;margin:0;font-size:1rem}.project-card-featured-badge{color:rgb(var(--background));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.project-card-featured-badge.cyberpunk{background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--highlight)));box-shadow:var(--glow-accent)}.project-card-featured-badge.witcher{background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--accent)))}.project-card-featured-badge.dark{background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--highlight)))}.project-card-featured-badge.light{background:linear-gradient(135deg,rgb(var(--highlight)),rgb(var(--primary)))}.project-card-image{object-fit:fill;object-position:center;aspect-ratio:16/8;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card-image-container:hover .project-card-image{transform:scale(1.1)}.project-card-image-container:hover .project-card-overlay{opacity:.8}.project-card-overlay{background:linear-gradient(135deg,rgba(var(--primary),.2),rgba(var(--secondary),.3),rgba(var(--accent),.2));opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card-overlay:after{content:"→";color:rgba(var(--background),.9);font-size:2rem;font-weight:700}@media (width<=768px){.project-card.large,.project-card.medium,.project-card.small{max-width:100%}}.project-card-tech-footer{background:linear-gradient(135deg,rgba(var(--primary),.03),rgba(var(--secondary),.03));border-top:1px solid rgba(var(--primary),.1);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:4rem;padding:.75rem 0;display:flex;overflow:visible}.project-card-tech-stack{width:100%;height:100%}.projects-container p,.projects-container a,.projects-container h1,.projects-container h2,.projects-container h3,.projects-container h4,.projects-container h5,.projects-container h6,.projects-container span,.projects-container label,.projects-container li,.projects-container strong,.projects-container em,.projects-container .page-header .projects-subtitle,.projects-container .page-header .page-title,.projects-container .projects-section,.projects-container .projects-section .projects-card.featured,.projects-container .projects-section .projects-card.other{transition:none}.projects-container{padding:clamp(1rem,3vw,2rem)}.projects-subtitle{color:rgb(var(--text));max-width:600px;margin:1.25rem auto 2rem;font-size:1.25rem;line-height:1.5}.projects-section{margin-bottom:3rem}.projects-card{contain:layout style;border-radius:12px;padding:clamp(1.5rem,3vw,2rem);transition:all .3s;overflow:visible}.projects-card.featured{border:1px solid rgba(var(--secondary),.2);background:linear-gradient(135deg,rgba(var(--secondary),.1),rgba(var(--highlight),.05));box-shadow:var(--glow-secondary)}.projects-card.other{border:1px solid rgba(var(--highlight),.2);background:linear-gradient(135deg,rgba(var(--highlight),.1),rgba(var(--secondary),.05));box-shadow:var(--glow-highlight)}.projects-section-title{text-align:left;margin-top:-1rem;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.projects-section-title.featured{color:rgb(var(--secondary))}.projects-section-title.other{color:rgb(var(--highlight))}.projects-grid{contain:layout;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,40vw,450px),1fr));justify-items:center;gap:clamp(1rem,3vw,2rem);max-width:1400px;margin:0 auto;display:grid}@media (width>=900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1400px){.projects-grid{grid-template-columns:repeat(3,1fr);max-width:1600px}}.contact-form{background-color:rgba(var(--background),.5);border:1px solid rgba(var(--neutral),.2);border-radius:12px;padding:2rem;position:relative}.contact-form-title{color:rgb(var(--text));margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.contact-form-group{margin-bottom:1.5rem}.contact-form-group .h-captcha{margin:0 auto;display:block}.contact-form-label{color:rgb(var(--text));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.contact-form-input,.contact-form-textarea{border:1px solid rgba(var(--neutral),.3);background-color:rgba(var(--background),.8);width:100%;color:rgb(var(--text));box-sizing:border-box;border-radius:8px;padding:.75rem;font-size:1rem;transition:all .2s}.contact-form-input:focus,.contact-form-textarea:focus{border-color:rgb(var(--primary));box-shadow:0 0 0 2px rgba(var(--primary),.2);outline:none}.contact-form-textarea{resize:vertical;min-height:120px;font-family:inherit}.contact-form-button{border:1px solid rgb(var(--primary));background-color:rgba(var(--primary),.1);width:100%;color:rgb(var(--primary));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.contact-form-button:hover{background-color:rgba(var(--primary),.2);transform:translateY(-1px)}.contact-form-button:active{transform:translateY(0)}.success-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:12px;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}.success-popup{background:rgb(var(--navbar-bg));border:1px solid rgb(var(--border));border-radius:16px;width:auto;max-width:90%;padding:1.5rem;animation:.3s ease-out slideIn;position:relative;box-shadow:0 10px 30px #0003}.success-popup-close{color:rgb(var(--text-secondary));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.success-popup-close:hover{background:rgb(var(--hover-bg));color:rgb(var(--text-primary))}.success-popup-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.success-icon{color:#10b981;animation:.5s ease-out .2s both checkmark}.success-title{color:rgb(var(--text-primary));margin:0;font-size:1.5rem;font-weight:600}.success-message{color:rgb(var(--text-secondary));margin:0;font-size:1rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkmark{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.success-popup{max-width:95%;padding:1rem}.success-title{font-size:1.125rem}.success-message{font-size:.8rem}.success-icon{width:40px;height:40px}}.contact-container{padding:clamp(1rem,3vw,2rem)}.contact-subtitle{color:rgb(var(--text-light));max-width:600px;margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.2rem)}.contact-content{grid-template-columns:repeat(auto-fit,minmax(clamp(300px,50vw,400px),1fr));gap:clamp(2rem,5vw,3rem);margin-bottom:3rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-info-card{background-color:rgba(var(--background),.5);border:1px solid rgba(var(--neutral),.2);border-radius:12px;padding:1.5rem;transition:all .3s}.contact-info-card:hover{box-shadow:0 4px 12px rgba(var(--neutral),.1);transform:translateY(-2px)}.contact-info-item{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.contact-info-icon{width:48px;height:48px;color:rgb(var(--primary));background-color:rgba(var(--primary),.1);border-radius:12px;justify-content:center;align-items:center;display:flex}.contact-info-icon.secondary{color:rgb(var(--secondary));background-color:rgba(var(--secondary),.1)}.contact-info-icon.accent{color:rgb(var(--accent));background-color:rgba(var(--accent),.1)}.contact-info-text{flex:1}.contact-info-title{color:rgb(var(--text));margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.contact-info-title.social-links-title{margin-bottom:1rem}.contact-info-description{color:rgb(var(--text));font-size:1rem}.contact-social-links{gap:1rem;margin-top:1rem;display:flex}.contact-social-link{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.contact-social-link.primary{background-color:rgba(var(--primary),.1);color:rgb(var(--primary))}.contact-social-link.secondary{background-color:rgba(var(--secondary),.1);color:rgb(var(--secondary))}.contact-social-link.highlight{background-color:rgba(var(--highlight),.1);color:rgb(var(--highlight))}.contact-social-link.accent{background-color:rgba(var(--accent),.1);color:rgb(var(--accent))}.contact-social-link:hover{transform:translateY(-2px)}.contact-social-link.accent:hover{background-color:rgba(var(--accent),.2)}.contact-social-link.secondary:hover{background-color:rgba(var(--secondary),.2)}.contact-social-link.highlight:hover{background-color:rgba(var(--highlight),.2)}.not-found-container{justify-content:center;align-items:center;padding:2rem;display:flex}.not-found-content{text-align:center;width:100%;max-width:600px}.error-visual{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex;position:relative}.error-icon{width:4rem;height:4rem;color:rgb(var(--highlight));margin-bottom:1rem;animation:2s infinite pulse}.error-icon.cyberpunk{color:rgb(var(--primary));filter:drop-shadow(0 0 10px rgba(var(--primary),.5));animation:3s infinite cyberpunk-glitch}.error-icon.witcher{color:rgb(var(--accent));filter:drop-shadow(0 0 8px rgba(var(--accent),.3))}.error-code{color:rgba(var(--primary),.3);text-shadow:2px 2px 4px #0000004d;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,8vw,6rem);font-weight:900;line-height:1}.error-code.project-error{font-size:clamp(3rem,6vw,4rem);font-weight:800}.cyberpunk .error-code{color:rgba(var(--primary),.4);text-shadow:0 0 10px rgba(var(--primary),.5),0 0 20px rgba(var(--primary),.3),0 0 30px rgba(var(--primary),.1);animation:4s infinite cyberpunk-flicker}.cyberpunk .error-code.project-error{letter-spacing:3px;font-size:clamp(2.5rem,5vw,3.5rem)}.witcher .error-code{color:rgba(var(--accent),.4);text-shadow:2px 2px 4px #00000080,0 0 10px rgba(var(--accent),.3)}.witcher .error-code.project-error{font-size:clamp(3.5rem,7vw,5rem)}.error-text{margin-bottom:3rem}.error-title{color:rgb(var(--primary));margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.2}.cyberpunk .error-title{text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(var(--primary),.5)}.witcher .error-title{color:rgb(var(--accent))}.error-subtitle{color:rgb(var(--secondary));opacity:.8;margin-bottom:1rem;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:500}.cyberpunk .error-subtitle{text-transform:uppercase;letter-spacing:1px;color:rgb(var(--highlight))}.witcher .error-subtitle{color:rgb(var(--text-light));font-style:italic}.error-description{color:rgb(var(--text));opacity:.9;margin-bottom:0;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.6}.error-actions{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.action-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.action-button.primary{background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--secondary)));color:rgb(var(--background))}.action-button.primary:hover{box-shadow:0 8px 20px rgba(var(--primary),.3);transform:translateY(-2px)}.action-button.secondary{background:rgba(var(--secondary),.1);color:rgb(var(--secondary));border:2px solid rgba(var(--secondary),.3)}.action-button.secondary:hover{background:rgba(var(--secondary),.2);border-color:rgba(var(--secondary),.5);transform:translateY(-2px)}.action-button.tertiary{color:rgb(var(--text));border:2px solid rgba(var(--neutral),.3);background:0 0}.action-button.tertiary:hover{background:rgba(var(--neutral),.1);border-color:rgba(var(--neutral),.5)}.cyberpunk .action-button.primary{background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--highlight)));box-shadow:0 0 20px rgba(var(--primary),.3);text-transform:uppercase;letter-spacing:1px}.cyberpunk .action-button.primary:hover{box-shadow:0 0 30px rgba(var(--primary),.5),0 8px 20px rgba(var(--primary),.3);text-shadow:0 0 10px rgba(var(--background),.8)}.cyberpunk .action-button.secondary{border-color:rgb(var(--highlight));color:rgb(var(--highlight));text-transform:uppercase;letter-spacing:1px}.cyberpunk .action-button.secondary:hover{background:rgba(var(--highlight),.1);box-shadow:0 0 15px rgba(var(--highlight),.3)}.witcher .action-button.primary{background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--secondary)))}.witcher .action-button.secondary{border-color:rgb(var(--accent));color:rgb(var(--accent))}.error-footer{opacity:.7;font-size:.875rem}.error-footer a{color:rgb(var(--accent));text-decoration:none;transition:color .2s}.error-footer a:hover{color:rgb(var(--highlight));text-decoration:underline}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cyberpunk-glitch{0%,90%,to{filter:drop-shadow(0 0 10px rgba(var(--primary),.5));transform:translate(0)}5%{filter:drop-shadow(0 0 15px rgba(var(--primary),.8));transform:translate(-2px)}10%{filter:drop-shadow(0 0 15px rgba(var(--primary),.8));transform:translate(2px)}15%{filter:drop-shadow(0 0 10px rgba(var(--primary),.5));transform:translate(-1px)}}@keyframes cyberpunk-flicker{0%,95%,to{opacity:.4}2%,8%{opacity:.6}4%{opacity:.2}6%{opacity:.8}}@media (width<=768px){.error-actions{flex-flow:wrap;justify-content:center}.action-button{min-width:180px}}.not-found-container{padding:clamp(1rem,3vw,2rem)}.project-detail-container{padding:5rem 1rem 0}@media (width>=640px){.project-detail-container{padding:5rem 1.5rem 0}}@media (width>=1024px){.project-detail-container{padding:5rem 2rem 0}}.project-detail-wrapper{margin:0 auto}.project-detail-header{margin-bottom:2rem}.back-link{color:rgb(var(--primary));align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;transition:opacity .3s;display:inline-flex}.back-link:hover{opacity:.8}.header-content{flex-direction:column;gap:2rem;display:flex}@media (width>=1230px){.header-content{flex-direction:row}}.project-image-container{aspect-ratio:16/8;background-color:rgba(var(--navbar-bg),.1);border:1px solid rgba(var(--neutral),.2);width:100%;max-width:50rem;box-shadow:var(--glow-secondary);border-radius:.5rem;flex-shrink:0;position:relative;overflow:hidden}.project-image{object-fit:contain;width:100%;height:100%}.project-info{flex-direction:column;flex-grow:1;display:flex}.project-title{color:rgb(var(--primary));background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--secondary)));-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;max-width:100%;margin-top:0;margin-bottom:.5rem;padding-bottom:.1em;font-size:1.875rem;font-weight:700;overflow:hidden}@media (width>=768px){.project-title{font-size:2rem}}@media (width<=480px){.project-title{font-size:1.5rem}}.project-type{margin-bottom:.75rem}.project-type-text{background-color:rgba(var(--secondary),.1);border:1px solid rgba(var(--secondary),.3);color:rgb(var(--secondary));text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.project-date{color:rgb(var(--text-light));opacity:.8;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.project-date svg{width:1rem;height:1rem;color:rgb(var(--secondary))}.featured-badge{background-color:rgba(var(--highlight),.9);border-radius:9999px;padding:.25rem .75rem;display:inline-block}.featured-badge .icon{color:rgb(var(--background));margin-right:.5rem}.featured-badge-text{color:rgb(var(--background));font-size:.75rem;font-weight:600;position:relative;bottom:.35rem}.project-description{color:rgb(var(--text-light));flex-grow:1;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75}.project-links{gap:1rem;margin-top:auto;display:flex}.project-link{color:rgb(var(--background));border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{transform:scale(1.05)}.project-link.live-link{background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--secondary)));box-shadow:var(--glow-primary)}.project-link.live-link:hover{color:rgb(var(--neutral))}.project-link.github-link{border:1px solid;border-color:rgba(var(--accent),.4);background:linear-gradient(135deg,rgba(var(--accent),.1),rgba(var(--highlight),.1));color:rgb(var(--accent));box-shadow:var(--glow-accent)}.project-link.github-link:hover{color:rgb(var(--primary))}.main-grid{flex-direction:column;gap:2rem;display:flex}.main-content{flex-direction:column;gap:2rem;width:100%;display:flex}.horizontal-sections{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.horizontal-sections{grid-template-rows:1fr;grid-template-columns:1fr 1fr;align-items:stretch}}@media (width<=720px){.horizontal-sections{gap:0}}.section{margin-bottom:2rem}.horizontal-sections .section{flex-direction:column;display:flex}@media (width>=1024px){.horizontal-sections .section{height:100%;margin-bottom:0}}.project-section-title{color:rgb(var(--primary));text-align:center;margin:0 0 2rem;font-size:1.5rem;position:relative;top:.5rem}.section-title-small{color:rgb(var(--primary));margin-bottom:1rem;font-size:1.25rem;font-weight:700}.section-content{background-color:rgba(var(--background),.8);border:1px solid rgba(var(--neutral),.2);border-radius:.5rem;padding:1.5rem}.horizontal-sections .section-content{flex-direction:column;flex-grow:1;display:flex}.features-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.horizontal-sections .features-grid{flex-grow:1}@media (width>=768px){.features-grid{grid-template-columns:1fr}}.feature-item{background-color:rgba(var(--neutral),.1);border:1px solid rgba(var(--neutral),.2);border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.feature-item:hover{background-color:rgba(var(--neutral),.15)}.feature-bullet{background-color:rgb(var(--highlight));border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.feature-text{color:rgb(var(--text))}.tech-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.horizontal-sections .tech-grid{flex-grow:1}@media (width>=1024px){.horizontal-sections .tech-grid{grid-template-columns:1fr 1fr;gap:.5rem}}.project-detail-tech-item{background-color:rgba(var(--neutral),.1);border:1px solid rgba(var(--neutral),.2);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem .5rem;transition:background-color .2s;display:flex}.project-detail-tech-item:hover{background-color:rgba(var(--neutral),.15)}.project-detail-tech-name{text-align:center;color:rgb(var(--text));font-size:.875rem;font-weight:500}.fallback-content{color:rgb(var(--text));font-size:1rem;line-height:1.75}.icon-sm,.icon-md{width:24px;height:24px}.flex-shrink-none{flex-shrink:0}.test-page{background-color:rgb(var(--background));min-height:100vh;color:rgb(var(--text));font-family:var(--font-primary);padding:clamp(1.5rem,3vw,2rem) 0}.test-container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.test-subtitle{color:rgb(var(--text-light));text-align:center;margin-top:.5rem;font-size:1.125rem}.theme-name{color:rgb(var(--primary));text-transform:capitalize;font-weight:700}.test-section{background-color:rgba(var(--text),.02);border:1px solid rgba(var(--primary),.1);border-radius:12px;margin:3rem 0;padding:clamp(1rem,2vw,2rem)}.color-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.color-card{background-color:rgba(var(--text),.05);border:1px solid rgba(var(--primary),.1);border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex}.color-swatch{border:3px solid rgba(var(--text),.1);width:80px;height:80px;box-shadow:0 4px 12px rgba(var(--text),.1);border-radius:50%;margin-bottom:1rem}.color-info{text-align:center}.color-name{color:rgb(var(--text));margin-bottom:.25rem;font-weight:600;display:block}.color-var{color:rgb(var(--text-light));font-family:monospace;font-size:.875rem;display:block}.glow-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.glow-card{justify-content:center;align-items:center;min-height:120px;display:flex}.glow-sample{color:rgb(var(--background));text-align:center;border-radius:8px;padding:1.5rem 2rem;font-weight:600;transition:all .3s}.glow-sample:hover{transform:scale(1.05)}.typography-grid{flex-direction:column;gap:1rem;display:flex}.typography-sample{background-color:rgba(var(--text),.05);border-left:4px solid rgb(var(--primary));border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.font-sample{color:rgb(var(--text));font-weight:500;line-height:1.5}.font-var{color:rgb(var(--text-light));font-family:monospace;font-size:.875rem}.bg-combinations{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.bg-test-card{border:1px solid rgba(var(--primary),.2);border-radius:8px;overflow:hidden}.bg-title{background-color:rgba(var(--primary),.1);color:rgb(var(--primary));margin:0;padding:1rem;font-size:1.125rem;font-weight:600}.bg-sample{min-height:200px;padding:1.5rem}.bg-sample p{background-color:#ffffff1a;border-radius:4px;margin:.5rem 0;padding:.25rem .5rem;font-weight:500}.interactive-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:2rem;display:grid}.test-button{cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-primary);border:none;border-radius:6px;padding:.75rem 1.5rem;transition:all .3s}.test-button.primary{background-color:rgb(var(--primary));color:rgb(var(--background));box-shadow:var(--glow-primary)}.test-button.secondary{background-color:rgb(var(--secondary));color:rgb(var(--background));box-shadow:var(--glow-secondary)}.test-button.accent{background-color:rgb(var(--accent));color:rgb(var(--background));box-shadow:var(--glow-accent)}.test-button.highlight{background-color:rgb(var(--highlight));color:rgb(var(--background));box-shadow:var(--glow-highlight)}.test-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.test-card{background-color:rgba(var(--text),.05);border-left:4px solid rgb(var(--primary));box-shadow:var(--glow-secondary);border-radius:8px;padding:1.5rem;transition:all .3s}.test-card:hover{background-color:rgba(var(--text),.08);transform:translate(5px)}.test-card h3{color:rgb(var(--primary));margin:0 0 .5rem;font-size:1.25rem}.test-card p{color:rgb(var(--text));margin:0;line-height:1.5}.test-input-group{flex-direction:column;gap:.5rem;display:flex}.test-input-group label{color:rgb(var(--text));font-weight:600}.test-input{border:2px solid rgba(var(--primary),.3);background-color:rgba(var(--text),.05);color:rgb(var(--text));font-family:var(--font-primary);border-radius:6px;padding:.75rem;font-size:1rem;transition:all .3s}.test-input:focus{border-color:rgb(var(--primary));box-shadow:var(--glow-primary);outline:none}.test-input::placeholder{color:rgb(var(--text-light))}.item-title{color:rgb(var(--text));margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.25}.item-subtitle{color:rgb(var(--accent));margin:0 0 .75rem;font-size:1rem;line-height:1.5}.item-meta{margin-bottom:1rem}.item-period{color:rgb(var(--primary));margin-right:1rem;font-size:.875rem;font-weight:500;display:inline-block}.item-location{color:rgb(var(--text-light));font-size:.875rem;font-style:italic;display:inline-block}.test-note{text-align:center;background-color:rgba(var(--accent),.1);border:1px solid rgba(var(--accent),.3);border-radius:8px;padding:2rem}.test-note p{color:rgb(var(--text));margin:.5rem 0}.test-note strong{color:rgb(var(--accent))}.test-note code{background-color:rgba(var(--primary),.1);color:rgb(var(--primary));border-radius:4px;padding:.2rem .4rem;font-family:monospace}@media (width<=768px){.bg-combinations,.interactive-grid{grid-template-columns:1fr}.typography-sample{flex-direction:column;align-items:flex-start;gap:.5rem}}.theme-switcher{position:relative}.theme-toggles{align-items:center;gap:.5rem;display:flex}.theme-toggle{border:1px solid rgba(var(--neutral),.3);background-color:rgba(var(--background),.8);color:rgb(var(--text));cursor:pointer;will-change:transform,background-color,border-color;contain:layout style;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle:hover{border-color:rgb(var(--accent));background:linear-gradient(135deg,rgba(var(--accent),.1),rgba(var(--highlight),.1));color:rgb(var(--accent));box-shadow:0 4px 12px rgba(var(--accent),.15);transform:translateY(-1px)}.theme-toggle.active{border-color:rgb(var(--accent));background:linear-gradient(135deg,rgba(var(--accent),.2),rgba(var(--highlight),.15));color:rgb(var(--accent));box-shadow:0 4px 12px rgba(var(--accent),.25)}.light .theme-toggle:hover{border-color:rgb(var(--primary));background:linear-gradient(135deg,rgba(var(--primary),.1),rgba(var(--highlight),.1));color:rgb(var(--primary));box-shadow:var(--glow-primary)}.dark .theme-toggle:hover{border-color:rgb(var(--accent));background:linear-gradient(135deg,rgba(var(--accent),.1),rgba(var(--accent),.1));color:rgb(var(--accent));box-shadow:var(--glow-accent)}.cyberpunk .theme-toggle:hover{border-color:rgb(var(--secondary));background:linear-gradient(135deg,rgba(var(--secondary),.1),rgba(var(--accent),.1));color:rgb(var(--secondary));box-shadow:var(--glow-secondary)}.witcher .theme-toggle:hover{border-color:rgb(var(--secondary));background:linear-gradient(135deg,rgba(var(--secondary),.1),rgba(var(--highlight),.1));color:rgb(var(--secondary));box-shadow:var(--glow-secondary)}.theme-toggle-label{font-size:.875rem}.mobile-theme-toggles{border-top:1px solid rgba(var(--neutral),.2);padding-top:1rem}.mobile-theme-label{color:rgb(var(--text));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.mobile-theme-buttons{gap:.5rem;display:flex}.mobile-theme-toggle{border:1px solid rgba(var(--neutral),.3);background-color:rgba(var(--background),.8);color:rgb(var(--text));cursor:pointer;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.mobile-theme-toggle:hover{border-color:rgb(var(--accent));background-color:rgba(var(--accent),.1);color:rgb(var(--accent))}.mobile-theme-toggle.active{border-color:rgb(var(--accent));background-color:rgba(var(--accent),.15);color:rgb(var(--accent))}.mobile-theme-settings-button{border:1px solid rgba(var(--neutral),.3);background-color:rgba(var(--background),.8);color:rgb(var(--text));cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:60px;padding:.75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.mobile-theme-settings-button:hover{border-color:rgb(var(--neutral));background-color:rgba(var(--neutral),.1);color:rgb(var(--accent))}.mobile-theme-settings{background-color:rgba(var(--background),.9);border:1px solid rgba(var(--neutral),.3);border-radius:6px;margin-top:.75rem;padding:.75rem}.cyberpunk .theme-toggle.active{box-shadow:var(--glow-accent)}.theme-settings-button{border:1px solid rgba(var(--neutral),.3);background-color:rgba(var(--background),.8);color:rgb(var(--text));cursor:pointer;will-change:transform,background-color,border-color;contain:layout style;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-settings-button:hover{border-color:rgb(var(--neutral));background-color:rgba(var(--neutral),.1);color:rgb(var(--accent));transform:translateY(-1px)}.theme-settings-button.highlight,.mobile-theme-settings-button.highlight{animation:2s ease-in-out settingsShine;position:relative;overflow:hidden}.theme-settings-button.highlight:before,.mobile-theme-settings-button.highlight:before{content:"";background:linear-gradient(90deg,transparent,rgba(var(--accent),.4),rgba(var(--accent),.8),rgba(var(--accent),.4),transparent);pointer-events:none;width:100%;height:100%;animation:2s ease-in-out shineEffect;position:absolute;top:0;left:-100%}@keyframes settingsShine{0%,to{border-color:rgba(var(--neutral),.3);box-shadow:none}50%{border-color:rgba(var(--accent),.5);box-shadow:0 0 10px rgba(var(--accent),.3)}}@keyframes shineEffect{0%{left:-100%}50%{left:100%}to{left:100%}}.theme-settings{background-color:rgba(var(--background),.95);border:1px solid rgba(var(--neutral),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(var(--neutral),.2);z-index:1000;border-radius:8px;min-width:200px;margin-top:.5rem;padding:.75rem;position:absolute;top:100%;right:0}.setting-item{cursor:pointer;color:rgb(var(--text));border-radius:4px;align-items:center;gap:.5rem;padding:.25rem;font-size:.875rem;transition:background-color .2s;display:flex}.setting-item:hover{background-color:rgba(var(--accent),.05)}.setting-item input[type=checkbox]{width:16px;height:16px;accent-color:rgb(var(--accent));cursor:pointer}.setting-item span{-webkit-user-select:none;user-select:none}@media (width<=1172px){.theme-switcher{display:none}}.navbar{z-index:1000;background-color:rgba(var(--navbar-bg),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(var(--neutral),.2);will-change:backdrop-filter;contain:layout style;width:100%;transition:all .3s;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 clamp(1rem,2vw,1rem);display:flex}.navbar-brand{align-items:center;display:flex}.navbar-brand-text,.navbar-brand a,.navbar-brand a:hover,.navbar-brand a:active,.navbar-brand a:focus{background:linear-gradient(90deg,rgb(var(--primary)),rgb(var(--secondary)),rgb(var(--accent)),rgb(var(--primary)));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,2.5vw,1.5rem);font-weight:700;animation:100s ease-in-out infinite colorCycle}@keyframes colorCycle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar-links{align-items:center;gap:2rem;display:flex}.nav-link{color:rgb(var(--text));border-radius:8px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-link:hover{color:rgb(var(--accent));background-color:rgba(var(--accent),.1);transform:translateY(-1px)}.nav-link.active{color:rgb(var(--primary));background-color:rgba(var(--primary),.15);font-weight:600}.nav-link.active:after{background-color:rgb(var(--primary));width:100%}.light .nav-link:hover{background-color:rgba(var(--primary),.1);color:rgb(var(--primary))}.dark .nav-link:hover{background-color:rgba(var(--accent),.1);color:rgb(var(--accent))}.cyberpunk .nav-link:hover{background-color:rgba(var(--secondary),.1);color:rgb(var(--secondary));box-shadow:var(--glow-secondary)}.witcher .nav-link:hover{background-color:rgba(var(--secondary),.1);color:rgb(var(--secondary))}.nav-link.active{background-color:rgba(var(--primary),.15);color:rgb(var(--primary))}.nav-link:after{content:"";background-color:rgb(var(--accent));width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.mobile-menu-button{color:rgb(var(--text));cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.mobile-menu{background-color:rgba(var(--background),.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--neutral),.2);z-index:999;max-height:calc(100vh - 100px);padding:1rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mobile-nav-links{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.mobile-nav-link{color:rgb(var(--text));border-radius:6px;padding:.75rem;font-weight:500;text-decoration:none;transition:all .2s}.mobile-nav-link:hover{background-color:rgba(var(--accent),.1);color:rgb(var(--accent))}.mobile-nav-link.active{background-color:rgba(var(--primary),.15);color:rgb(var(--primary));border-left:3px solid rgb(var(--primary));font-weight:600}.light .mobile-nav-link.active{background-color:rgba(var(--primary),.15);color:rgb(var(--primary));border-left-color:rgb(var(--primary))}.dark .mobile-nav-link.active{background-color:rgba(var(--accent),.15);color:rgb(var(--accent));border-left-color:rgb(var(--accent))}.cyberpunk .mobile-nav-link.active{background-color:rgba(var(--secondary),.15);color:rgb(var(--secondary));border-left-color:rgb(var(--secondary));box-shadow:var(--glow-secondary)}.witcher .mobile-nav-link.active{background-color:rgba(var(--primary),.15);color:rgb(var(--primary));border-left-color:rgb(var(--primary))}.cyberpunk .nav-link:hover{text-shadow:var(--glow-accent)}.cyberpunk .navbar-brand h2{text-shadow:var(--glow-primary)}@media (width<=728px){.navbar-links{display:none}.mobile-menu-button{display:block}}@media (width<=1172px){.mobile-menu-button{display:block}}@media (width<=480px){.navbar-container{padding:0 .75rem}}.footer{border-top:1px solid rgba(var(--neutral),.2);color:rgb(var(--text-light));margin-top:auto;padding:clamp(1.5rem,3vw,2rem) 0 1rem;transition:all .3s}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content{text-align:center}.footer-copyright{color:rgb(var(--text));margin:0 0 .5rem;font-size:clamp(.8rem,1.5vw,.875rem);font-weight:500;transition:color .3s}.footer-additional{opacity:.8;color:rgb(var(--text-light));margin:0;font-size:clamp(.7rem,1.2vw,.75rem);font-style:italic;transition:color .3s}.cyberpunk .footer{border-top-color:rgba(var(--accent),.5)}.cyberpunk .footer-copyright{color:rgb(var(--primary));text-shadow:0 0 5px rgba(var(--primary),.3)}.cyberpunk .footer-additional{color:rgb(var(--secondary));text-shadow:0 0 3px rgba(var(--secondary),.2)}.witcher .footer{border-top-color:rgba(var(--accent),.4)}.witcher .footer-copyright{color:rgb(var(--primary));font-weight:600}.witcher .footer-additional{color:rgb(var(--secondary))}.scroll-to-top-button{border:2px solid rgba(var(--primary),.6);background:linear-gradient(135deg,rgba(var(--primary),.9),rgba(var(--secondary),.8));width:3rem;height:3rem;color:rgb(var(--text));cursor:pointer;box-shadow:var(--glow-primary),0 4px 15px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,opacity,background-color;opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;transform:translateY(100px);z-index:9999!important;position:fixed!important;inset:auto 2rem 2rem auto!important}.scroll-to-top-button svg{position:absolute;width:32px!important;height:32px!important}.scroll-to-top-button:hover{box-shadow:var(--glow-primary),0 6px 25px #0006;border-color:rgba(var(--primary),.8);background:linear-gradient(135deg,rgba(var(--primary),1),rgba(var(--secondary),.9));transform:translateY(-2px)scale(1.05)}.scroll-to-top-button:active{transition:all .1s;transform:translateY(0)scale(.98)}.light .scroll-to-top-button{background:linear-gradient(135deg,rgba(var(--primary),.95),rgba(var(--secondary),.85));color:#fff;border-color:rgba(var(--primary),.7)}.dark .scroll-to-top-button{background:linear-gradient(135deg,rgba(var(--primary),.9),rgba(var(--secondary),.8));color:#fff;border-color:rgba(var(--primary),.6)}.cyberpunk .scroll-to-top-button{background:linear-gradient(135deg,rgba(var(--primary),.95),rgba(var(--secondary),.85));color:rgb(var(--background));border-color:rgba(var(--accent),.8);box-shadow:0 0 15px rgba(var(--primary),.6),0 0 30px rgba(var(--accent),.4),0 4px 15px #0009}.cyberpunk .scroll-to-top-button:hover{box-shadow:0 0 20px rgba(var(--primary),.8),0 0 40px rgba(var(--accent),.6),0 6px 25px #000000b3;border-color:rgba(var(--accent),1)}.witcher .scroll-to-top-button{background:linear-gradient(135deg,rgba(var(--primary),.9),rgba(var(--accent),.8));color:#fff;border-color:rgba(var(--primary),.7);box-shadow:var(--glow-primary),0 4px 15px rgba(var(--neutral),.3)}.witcher .scroll-to-top-button:hover{border-color:rgba(var(--primary),.9);background:linear-gradient(135deg,rgba(var(--primary),1),rgba(var(--accent),.9))}@media (width<=1172px){.scroll-to-top-button,.scroll-to-top-button.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}@media (width<=480px){.scroll-to-top-button{width:2.75rem;height:2.75rem;bottom:1.5rem;right:1.5rem}}@media (width<=360px){.scroll-to-top-button{width:2.5rem;height:2.5rem;bottom:1rem;right:1rem}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (width<=1172px){.scroll-to-top-button{animation:.3s ease-out slideUpFadeIn}}@media (prefers-contrast:high){.scroll-to-top-button{border-width:3px;font-weight:700}}@media (prefers-reduced-motion:reduce){.scroll-to-top-button{transition:none;animation:none}.scroll-to-top-button:hover{transform:none}}