*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--accent: #06b6d4;--dark: #0f172a;--darker: #020617;--light: #f8fafc;--gray: #334155;--gradient: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--light);background-color:var(--darker)}html{scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;overflow-x:hidden;max-width:100vw}#root{overflow-x:hidden;max-width:100vw}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--darker)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in{animation:slideIn .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:1rem;z-index:9999;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.cookie-banner-content p{margin:0;color:#ffffffe6;font-size:.9rem;flex:1;min-width:250px}.cookie-banner-content a{color:#3b82f6;text-decoration:none}.cookie-banner-content a:hover{text-decoration:underline}.cookie-banner-buttons{display:flex;gap:.75rem}.cookie-btn{padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cookie-btn-reject{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3)}.cookie-btn-reject:hover{background:#ffffff1a;color:#fff}.cookie-btn-accept{background:#3b82f6;color:#fff}.cookie-btn-accept:hover{background:#2563eb}@media(max-width:600px){.cookie-banner-content{flex-direction:column;text-align:center}.cookie-banner-buttons{width:100%;justify-content:center}}:root,[data-theme=universe]{--bg: #0D0D1A;--accent: #6B5CE7;--highlight: #00D4FF;--text: #E8E8F0;--card: rgba(26, 26, 46, .7);--border: #2D2D4A;--text-muted: #9999B3;--gradient-start: #6B5CE7;--gradient-end: #00D4FF;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-accent: "JetBrains Mono", monospace}[data-theme=ocean]{--bg: #0a1929;--accent: #00b4d8;--highlight: #90e0ef;--text: #caf0f8;--card: rgba(13, 33, 55, .7);--border: #1a3a5c;--text-muted: #90e0ef;--gradient-start: #00b4d8;--gradient-end: #0077b6;--font-heading: "Poppins", sans-serif;--font-body: "Source Sans 3", sans-serif;--font-accent: "Montserrat", sans-serif}[data-theme=freude]{--bg: #1a1a1a;--accent: #FFD700;--highlight: #FF1744;--text: #FFFFFF;--card: rgba(42, 42, 42, .7);--border: #FFD700;--text-muted: #FFD700;--gradient-start: #FFD700;--gradient-end: #FF1744;--font-heading: "Baloo 2", cursive;--font-body: "Nunito", sans-serif;--font-accent: "Baloo 2", cursive}[data-theme=neon]{--bg: #0A0A0A;--accent: #39FF14;--highlight: #FF00FF;--text: #F0F0F0;--card: rgba(26, 26, 26, .7);--border: #333333;--text-muted: #888888;--gradient-start: #39FF14;--gradient-end: #FF00FF;--font-heading: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-accent: "Fira Code", monospace}[data-theme=retro]{--bg: #1a1a2e;--accent: #ff6b6b;--highlight: #4ecdc4;--text: #ffe66d;--card: rgba(22, 33, 62, .7);--border: #0f3460;--text-muted: #a8dadc;--gradient-start: #ff6b6b;--gradient-end: #4ecdc4;--font-heading: "Press Start 2P", cursive;--font-body: "VT323", monospace;--font-accent: "Press Start 2P", cursive}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.accent-font{font-family:var(--font-accent)}.glass-card{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0000004d!important}.glass-card:hover{background:#ffffff1a!important;border-color:#fff3!important}.social-icons{display:flex;gap:1rem}.social-icon-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:1.4rem;transition:all .3s ease;text-decoration:none}.social-icon-btn:hover{background:var(--social-color)!important;color:#fff;transform:scale(1.15);box-shadow:0 0 25px var(--social-color)!important}[data-theme=retro]{image-rendering:pixelated}[data-theme=retro] *{border-radius:0!important}[data-theme=retro] .header,[data-theme=retro] .footer,[data-theme=retro] .home-card,[data-theme=retro] .service-card,[data-theme=retro] .kontakt-card{border-width:3px;border-style:solid;box-shadow:4px 4px 0 var(--accent)}[data-theme=retro] .home-card:hover,[data-theme=retro] .service-card:hover{box-shadow:6px 6px 0 var(--highlight);transform:translate(-2px,-2px)}[data-theme=retro] .home-logo-placeholder{box-shadow:6px 6px 0 var(--highlight);animation:none}[data-theme=retro] button,[data-theme=retro] .submit-btn,[data-theme=retro] .cta-primary,[data-theme=retro] .cta-secondary{border:3px solid currentColor;box-shadow:3px 3px 0 var(--text);transition:transform .1s,box-shadow .1s}[data-theme=retro] button:hover,[data-theme=retro] .submit-btn:hover,[data-theme=retro] .cta-primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text)}[data-theme=retro] button:active,[data-theme=retro] .submit-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--text)}[data-theme=retro] .nav-link.active{text-decoration:none;background:var(--accent);color:var(--bg);padding:.25rem .5rem}[data-theme=retro] h1,[data-theme=retro] h2,[data-theme=retro] h3{text-shadow:2px 2px 0 var(--accent);letter-spacing:1px}[data-theme=retro] .name-part{text-shadow:3px 3px 0 var(--highlight);-webkit-text-fill-color:var(--text);background:none}[data-theme=retro] .home-tagline{font-size:1.4rem;letter-spacing:2px}[data-theme=universe] .header,[data-theme=universe] .footer{background:#1a1a2eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=universe] .home-card,[data-theme=universe] .service-card{background:linear-gradient(135deg,#6b5ce71a,#00d4ff0d);border:1px solid rgba(107,92,231,.3);box-shadow:0 0 20px #6b5ce71a}[data-theme=universe] .home-card:hover,[data-theme=universe] .service-card:hover{border-color:var(--highlight);box-shadow:0 0 30px #00d4ff4d,0 8px 32px #0000004d}[data-theme=universe] .service-card p,[data-theme=universe] .service-card li,[data-theme=universe] .service-card span,[data-theme=universe] .service-description,[data-theme=universe] .service-details{text-shadow:0 1px 3px rgba(0,0,0,.5)}[data-theme=universe] .home-logo-placeholder{background:linear-gradient(135deg,var(--accent),var(--highlight));box-shadow:0 0 40px #6b5ce780,0 0 80px #00d4ff4d}[data-theme=universe] h1,[data-theme=universe] h2,[data-theme=universe] h3{text-shadow:0 0 20px rgba(0,212,255,.3)}[data-theme=universe] .name-part{text-shadow:0 0 30px rgba(107,92,231,.5)}[data-theme=universe] button,[data-theme=universe] .submit-btn{box-shadow:0 0 15px #6b5ce74d}[data-theme=universe] button:hover,[data-theme=universe] .submit-btn:hover{box-shadow:0 0 25px #00d4ff80}[data-theme=ocean] .header,[data-theme=ocean] .footer{background:#0a1929b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border)}[data-theme=ocean] .home-card,[data-theme=ocean] .service-card{border-radius:20px;background:linear-gradient(135deg,#00b4d80d,#90e0ef05);border:1px solid var(--border);box-shadow:0 4px 20px #00b4d81a;transition:all .4s ease}[data-theme=ocean] .home-card:hover,[data-theme=ocean] .service-card:hover{box-shadow:0 8px 40px #00b4d840,0 0 60px #90e0ef1a;transform:translateY(-8px);border-color:var(--accent)}[data-theme=ocean] .home-logo-placeholder{border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--gradient-end));box-shadow:0 0 40px #00b4d866,0 0 80px #90e0ef33}[data-theme=ocean] h1,[data-theme=ocean] h2,[data-theme=ocean] h3{color:var(--highlight);text-shadow:0 0 20px rgba(144,224,239,.3)}[data-theme=ocean] .nav-link:hover{color:var(--accent)}[data-theme=ocean] .nav-link.active{color:var(--accent);text-shadow:0 0 10px rgba(0,180,216,.5)}[data-theme=freude] .header,[data-theme=freude] .footer{background:#1a1a1ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--accent);border-width:3px}[data-theme=freude] .home-card,[data-theme=freude] .service-card{border-radius:20px;border:3px solid var(--accent);background:linear-gradient(135deg,#2a2a2a,#1a1a1a);transition:all .2s ease;position:relative;overflow:hidden}[data-theme=freude] .home-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s}[data-theme=freude] .home-card:hover:before{left:100%}[data-theme=freude] .home-card:hover,[data-theme=freude] .service-card:hover{transform:scale(1.05) rotate(-1deg);border-color:var(--highlight);box-shadow:0 0 30px #ff174466,0 0 60px #ffd70033}[data-theme=freude] .home-logo-placeholder{background:linear-gradient(135deg,var(--accent),var(--highlight));border:4px solid var(--text);animation:partyPulse 2.5s ease-in-out infinite}@keyframes partyPulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--accent),0 0 40px var(--highlight)}50%{transform:scale(1.05);box-shadow:0 0 40px var(--highlight),0 0 80px var(--accent)}}[data-theme=freude] h1,[data-theme=freude] h2,[data-theme=freude] h3{background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s linear infinite;font-weight:800;letter-spacing:1px}@keyframes textShine{to{background-position:200% center}}[data-theme=freude] .home-tagline{font-size:1.3rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:3px}[data-theme=freude] .morphing-text{font-weight:800}[data-theme=freude] .nav-link{font-weight:600;transition:all .2s}[data-theme=freude] .nav-link:hover{color:var(--highlight);transform:scale(1.1)}[data-theme=freude] .nav-link.active{color:var(--bg);background:linear-gradient(135deg,var(--accent),var(--highlight));padding:.5rem 1rem;border-radius:50px;text-decoration:none}[data-theme=freude] button,[data-theme=freude] .submit-btn{background:linear-gradient(135deg,var(--accent),var(--highlight));border:none;font-weight:700;text-transform:uppercase;letter-spacing:1px}[data-theme=freude] button:hover,[data-theme=freude] .submit-btn:hover{transform:scale(1.05);box-shadow:0 0 20px var(--accent)}[data-theme=freude] .logo-placeholder,[data-theme=freude] .header-logo-text{font-weight:800;background:linear-gradient(135deg,var(--accent),var(--highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=freude] .header-logo-img{animation:partyPulse 2.5s ease-in-out infinite}[data-theme=neon] .header,[data-theme=neon] .footer{border-color:var(--accent);box-shadow:0 0 10px #39ff144d,inset 0 0 20px #39ff140d}[data-theme=neon] .home-card,[data-theme=neon] .service-card{border:1px solid var(--accent);box-shadow:0 0 10px #39ff1433,inset 0 0 20px #39ff1405;transition:all .2s ease}[data-theme=neon] .home-card:hover,[data-theme=neon] .service-card:hover{border-color:var(--highlight);box-shadow:0 0 20px #f0f6,0 0 40px #f0f3,inset 0 0 30px #ff00ff0d}[data-theme=neon] .home-logo-placeholder{border:3px solid var(--accent);box-shadow:0 0 30px #39ff1480,0 0 60px #39ff144d,inset 0 0 30px #39ff141a;animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 30px #39ff1480,0 0 60px #39ff144d}50%{box-shadow:0 0 40px #ff00ff80,0 0 80px #ff00ff4d}}[data-theme=neon] h1,[data-theme=neon] h2,[data-theme=neon] h3{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 40px var(--accent)}[data-theme=neon] .name-part{text-shadow:0 0 15px var(--highlight),0 0 30px var(--highlight);-webkit-text-fill-color:var(--text);background:none}[data-theme=neon] button,[data-theme=neon] .submit-btn{border:2px solid var(--accent);box-shadow:0 0 10px #39ff144d;text-shadow:0 0 5px currentColor}[data-theme=neon] button:hover,[data-theme=neon] .submit-btn:hover{box-shadow:0 0 20px #ff00ff80;border-color:var(--highlight)}[data-theme=neon] .nav-link:hover{text-shadow:0 0 10px var(--accent)}[data-theme=neon] .nav-link.active{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}.layout{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;max-width:100vw;position:relative}.universe-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.universe-background:before{content:"";position:absolute;inset:-30%;width:160%;height:160%;background:url(/images/universe-bg.jpg) center/cover no-repeat;animation:universeRotate 120s linear infinite}.universe-background:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0d0d1a66,#0d0d1ad9)}@keyframes universeRotate{0%{transform:scale(1.2) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}.universe-star{position:absolute;background:#fff;border-radius:50%;animation:starTwinkle 3s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.universe-nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.universe-nebula-1{width:400px;height:400px;background:radial-gradient(circle,#6B5CE7 0%,transparent 70%);top:10%;right:-100px;animation:nebulaFloat 20s ease-in-out infinite}.universe-nebula-2{width:300px;height:300px;background:radial-gradient(circle,#00D4FF 0%,transparent 70%);bottom:20%;left:-50px;animation:nebulaFloat 25s ease-in-out infinite reverse}@keyframes nebulaFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.ocean-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ocean-background:before{content:"";position:absolute;inset:-20%;width:140%;height:140%;background:url(/images/ocean-bg.jpg) center/cover no-repeat;animation:oceanDrift 30s ease-in-out infinite}.ocean-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a192999,#0a1929d9)}@keyframes oceanDrift{0%{transform:scale(1) translate(0)}25%{transform:scale(1.1) translate(-5%,-3%)}50%{transform:scale(1.15) translate(-8%,2%)}75%{transform:scale(1.1) translate(-3%,-2%)}to{transform:scale(1) translate(0)}}.ocean-light{position:absolute;top:0;width:150px;height:100%;background:linear-gradient(180deg,rgba(144,224,239,.15) 0%,rgba(0,180,216,.05) 30%,transparent 60%);animation:oceanLightMove 15s ease-in-out infinite}.ocean-light-1{left:10%;animation-delay:0s}.ocean-light-2{left:45%;width:200px;animation-delay:-5s}.ocean-light-3{left:75%;animation-delay:-10s}@keyframes oceanLightMove{0%,to{opacity:.3;transform:translate(0) scaleX(1)}50%{opacity:.6;transform:translate(20px) scaleX(1.2)}}.ocean-bubble{position:absolute;bottom:-50px;background:radial-gradient(circle at 30% 30%,#fff6,#90e0ef33,#00b4d81a);border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:bubbleRise linear infinite}@keyframes bubbleRise{0%{bottom:-50px;opacity:0;transform:translate(0) scale(.8)}10%{opacity:.6}90%{opacity:.4}to{bottom:110%;opacity:0;transform:translate(30px) scale(1)}}.ocean-fog{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent 0%,rgba(0,119,182,.1) 100%);pointer-events:none}.freude-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.freude-background:before{content:"";position:absolute;inset:-15%;width:130%;height:130%;background:url(/images/freude-bg.jpg) center/cover no-repeat;animation:freudePulse 8s ease-in-out infinite}.freude-background:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1abf,#1a1a1ad9)}@keyframes freudePulse{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.08) translate(-2%,-1%)}50%{transform:scale(1.12) translate(-4%,1%)}75%{transform:scale(1.08) translate(-2%,-1%)}}.freude-phrase{position:absolute;top:-50px;color:#fff;font-weight:700;font-family:var(--font-heading);text-shadow:0 0 10px rgba(255,215,0,.3);opacity:0;white-space:nowrap;animation:phraseRain linear forwards}@keyframes phraseRain{0%{top:-50px;opacity:0;transform:rotate(-5deg)}5%{opacity:.6}80%{opacity:.4}to{top:110%;opacity:0;transform:rotate(5deg)}}.freude-sparkle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;animation:sparkleFloat 6s ease-in-out infinite}.freude-sparkle-1{top:20%;left:15%;animation-delay:0s}.freude-sparkle-2{top:60%;left:80%;animation-delay:-2s}.freude-sparkle-3{top:40%;left:50%;animation-delay:-4s}@keyframes sparkleFloat{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--accent),0 0 20px var(--highlight)}}.neon-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.neon-grid{position:absolute;top:50%;left:50%;width:300%;height:300%;background-image:linear-gradient(rgba(57,255,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.06) 1px,transparent 1px);background-size:80px 80px;transform-origin:center center;transform:translate(-50%,-50%) perspective(300px) rotateX(75deg);animation:gridFlow 2s linear infinite;z-index:2}@keyframes gridFlow{0%{background-position:0 0}to{background-position:0 80px}}.neon-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(57,255,20,.015) 2px,rgba(57,255,20,.015) 4px);animation:scanlineFlicker .1s infinite;z-index:2}@keyframes scanlineFlicker{0%,to{opacity:1}50%{opacity:.95}}.neon-vline{position:absolute;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(57,255,20,.4) 20%,rgba(57,255,20,.6) 50%,rgba(57,255,20,.4) 80%,transparent 100%);box-shadow:0 0 10px #39ff1480,0 0 20px #39ff144d;animation:vlineGlow 3s ease-in-out infinite;z-index:2}.neon-vline-1{left:15%;animation-delay:0s}.neon-vline-2{left:50%;animation-delay:-1s;background:linear-gradient(180deg,transparent 0%,rgba(255,0,255,.3) 20%,rgba(255,0,255,.5) 50%,rgba(255,0,255,.3) 80%,transparent 100%);box-shadow:0 0 10px #ff00ff80,0 0 20px #ff00ff4d}.neon-vline-3{left:85%;animation-delay:-2s}@keyframes vlineGlow{0%,to{opacity:.3}50%{opacity:.8}}.neon-glitch-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--highlight),transparent);animation:glitchFlash .15s ease-out;z-index:2}@keyframes glitchFlash{0%{opacity:0;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.5)}}.neon-corner{position:absolute;width:100px;height:100px;border:2px solid transparent}.neon-corner-br{bottom:20px;right:20px;border-bottom-color:var(--highlight);border-right-color:var(--highlight);box-shadow:5px 5px 20px #f0f3;animation:cornerPulse 4s ease-in-out infinite reverse}@keyframes cornerPulse{0%,to{opacity:.4}50%{opacity:.8}}.neon-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:orbFloat 10s ease-in-out infinite}.neon-orb-1{width:300px;height:300px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:-100px;right:-100px}.neon-orb-2{width:250px;height:250px;background:radial-gradient(circle,var(--highlight) 0%,transparent 70%);bottom:-80px;left:-80px;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.retro-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;display:flex;justify-content:center;align-items:center;opacity:.15}.tetris-grid{display:flex;flex-direction:column;gap:1px;background:#0000004d;padding:2px;border:3px solid var(--accent);box-shadow:0 0 20px #ff6b6b4d}.tetris-row{display:flex;gap:1px}.tetris-cell{width:24px;height:24px;background:#1a1a2e80;border:1px solid rgba(255,255,255,.05)}.tetris-cell.filled{border:none}@media(max-width:768px){.tetris-cell{width:16px;height:16px}}.pacman{position:absolute;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 8px #FFFF00);animation:pacmanMove 15s linear infinite}@keyframes pacmanMove{0%{left:-60px;top:15%;transform:scaleX(1)}20%{left:100%;top:15%;transform:scaleX(1)}20.1%{left:100%;top:35%;transform:scaleX(-1)}40%{left:-60px;top:35%;transform:scaleX(-1)}40.1%{left:-60px;top:55%;transform:scaleX(1)}60%{left:100%;top:55%;transform:scaleX(1)}60.1%{left:100%;top:75%;transform:scaleX(-1)}80%{left:-60px;top:75%;transform:scaleX(-1)}80.1%{left:-60px;top:15%;transform:scaleX(1)}to{left:100%;top:15%;transform:scaleX(1)}}.ghost{position:absolute;width:45px;height:45px;object-fit:contain;animation:ghostFloat .5s ease-in-out infinite alternate}.ghost-red{animation:ghostFloat .5s ease-in-out infinite alternate,ghostMoveRed 18s linear infinite;filter:drop-shadow(0 0 8px #FF0000)}.ghost-pink{animation:ghostFloat .5s ease-in-out infinite alternate,ghostMovePink 20s linear infinite;filter:drop-shadow(0 0 8px #FFB8FF)}.ghost-cyan{animation:ghostFloat .5s ease-in-out infinite alternate,ghostMoveCyan 16s linear infinite;filter:drop-shadow(0 0 8px #00FFFF)}.ghost-orange{animation:ghostFloat .5s ease-in-out infinite alternate,ghostMoveOrange 22s linear infinite;filter:drop-shadow(0 0 8px #FFB852)}@keyframes ghostFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes ghostMoveRed{0%{right:-50px;top:15%}50%{right:100%;top:15%}50.1%{right:-50px;top:75%}to{right:100%;top:75%}}@keyframes ghostMovePink{0%{right:-80px;top:25%}50%{right:100%;top:25%}50.1%{right:-80px;top:65%}to{right:100%;top:65%}}@keyframes ghostMoveCyan{0%{left:-50px;bottom:25%}50%{left:100%;bottom:25%}50.1%{left:-50px;bottom:15%}to{left:100%;bottom:15%}}@keyframes ghostMoveOrange{0%{left:-80px;bottom:35%}50%{left:100%;bottom:35%}50.1%{left:-80px;bottom:10%}to{left:100%;bottom:10%}}@media(max-width:768px){.pacman{width:35px;height:35px}.ghost{width:32px;height:32px}.pacman-dots .dot{width:6px;height:6px}}.header,.main-content,.footer{position:relative;z-index:1}.main-content{flex:1;padding:2rem;padding-top:100px}.header{border-bottom:1px solid var(--border);padding:1rem;width:100%;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .3s ease}.header-hidden{transform:translateY(-100%)}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.logo-placeholder{font-weight:700;font-size:1rem;text-decoration:none;color:inherit;white-space:nowrap;flex-shrink:0}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;flex-shrink:0}.header-logo-img{width:32px;height:32px;object-fit:contain}.header-logo-text{font-weight:700;font-size:1rem;white-space:nowrap}.nav-desktop{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:inherit;padding:.5rem}.nav-link:hover{color:var(--accent)}.nav-link.active{font-weight:700;color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent)}.header-actions{display:flex;gap:1rem}.placeholder{opacity:.5;font-size:.8rem}.mobile-menu-toggle{display:none;background:none;border:1px solid var(--border);padding:.5rem;cursor:pointer;color:var(--text)}.hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;width:20px;height:2px;background:currentColor;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}.nav-mobile{display:none;flex-direction:column;padding:1rem;border-top:1px solid var(--border);background:var(--card)}@media(max-width:768px){html,body{overflow-x:hidden}.nav-desktop{display:none}.header-actions{display:flex;margin-right:.5rem}.mobile-menu-toggle{display:block}.nav-mobile{display:flex}.main-content{padding:1rem;padding-top:80px}.page h1{font-size:1.5rem;word-wrap:break-word}}.footer{border-top:1px solid var(--border);padding:2rem 1rem;background:var(--card)}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:2rem}.footer-column{text-align:left}.footer-title{font-size:1rem;margin-bottom:.5rem}.footer-title a{text-decoration:none;color:inherit}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.25rem}.footer-links a{text-decoration:none;color:inherit;opacity:.8}.footer-links a:hover{opacity:1}.footer-empty{font-size:.8rem;opacity:.5;font-style:italic}.footer-links a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-social-icons{display:flex;gap:1rem}.footer-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text);text-decoration:none;transition:all .3s ease;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.footer-icon:hover{background:var(--accent);color:#fff;transform:scale(1.15);box-shadow:0 0 20px var(--accent)}@media(max-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}.referenzen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}.referenz-card{display:flex;align-items:center;justify-content:center;padding:1.5rem;border:1px solid var(--border);border-radius:16px;text-decoration:none;color:inherit;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;transition:all .3s ease}.referenz-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #0000004d;transform:translateY(-5px)}.referenz-logo{max-width:120px;max-height:60px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.4));transition:filter .3s ease}.referenz-card:hover .referenz-logo{filter:drop-shadow(0 0 14px rgba(255,255,255,.6))}@media(max-width:768px){.referenzen-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.referenz-card{padding:1rem}}.referenzen-intro{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.referenzen-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:2rem 0 3rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;min-width:150px;transition:all .3s ease}.stat-card:hover{border-color:var(--accent);transform:translateY(-3px)}.stat-icon{font-size:2rem;color:var(--accent);margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:var(--text-muted);text-align:center}.testimonials-section{margin:3rem 0}.testimonials-section h2{margin-bottom:1.5rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.testimonial-card{position:relative;padding:1.5rem;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;transition:all .3s ease}.testimonial-card:hover{border-color:var(--accent);transform:translateY(-3px)}.testimonial-quote-icon{position:absolute;top:1rem;left:1rem;font-size:1.5rem;color:var(--accent);opacity:.5}.testimonial-text{margin-top:1.5rem;font-style:italic;line-height:1.6;color:var(--text)}.testimonial-author{display:flex;flex-direction:column;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.testimonial-name{font-weight:600;color:var(--text)}.testimonial-course{font-size:.85rem;color:var(--text-muted)}.partners-section{margin-top:3rem}.partners-section h2{margin-bottom:.5rem}.partners-section>p{color:var(--text-muted);margin-bottom:1.5rem}@media(max-width:768px){.referenzen-stats{gap:1rem}.stat-card{padding:1rem 1.5rem;min-width:100px}.stat-value,.stat-icon{font-size:1.5rem}.testimonials-grid{grid-template-columns:1fr}}.page{max-width:1200px;margin:0 auto}.page-intro{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem}.page-quicki{padding-bottom:3rem}.quicki-header{text-align:center;margin-bottom:2rem}.quicki-header h1{margin-bottom:.5rem}.quicki-subtitle{color:var(--text-muted);font-size:1.1rem}.quicki-search-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted);font-size:1rem}.quicki-search-input{width:100%;padding:.875rem 2.5rem .875rem 2.75rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);transition:border-color .2s,box-shadow .2s}.quicki-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6b5ce71a}.quicki-search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:.75rem;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.search-clear:hover{color:var(--text)}.search-results-count{margin-top:.75rem;font-size:.9rem;color:var(--text-muted)}.quicki-view-options{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.quicki-limit-options{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;font-size:.85rem}.limit-label{color:var(--text-muted);margin-right:.25rem}.limit-option{padding:.375rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:all .2s}.limit-option:hover{border-color:var(--accent);color:var(--text)}.limit-option.active{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.limit-info{color:var(--text-muted);font-size:.8rem;margin-left:.5rem}.quicki-load-more{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.load-more-btn{padding:.75rem 2rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6b5ce766}.view-option{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer;font-size:.9rem;transition:all .2s}.view-option:hover{border-color:var(--accent)}.view-option.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-chip{padding:.5rem 1rem;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);cursor:pointer;font-size:.85rem;transition:all .2s}.category-chip:hover{border-color:var(--accent)}.category-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.quicki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.quicki-card{display:flex;flex-direction:column;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;transition:all .3s ease}.quicki-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.quicki-card-category{font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.quicki-card-title{font-size:1.1rem;margin:0 0 .5rem;color:var(--text)}.quicki-card-excerpt{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem;flex-grow:1}.quicki-card-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.quicki-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.quicki-tag{font-size:.75rem;padding:.25rem .5rem;background:#6b5ce71a;color:var(--accent);border-radius:4px}.month-group{margin-bottom:2rem}.month-label{font-size:1.3rem;color:var(--accent);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.quicki-list{display:flex;flex-direction:column;gap:.5rem}.quicki-list-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.quicki-list-item:hover{border-color:var(--accent);background:#6b5ce70d}.list-date{font-size:.85rem;color:var(--text-muted);min-width:50px}.list-title{flex-grow:1;font-weight:500}.list-category{font-size:.8rem;color:var(--accent)}.alpha-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--card);border-radius:8px}.alpha-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;text-decoration:none;color:var(--text);font-weight:600;transition:all .2s}.alpha-link:hover{background:var(--accent);color:#fff}.alpha-group{margin-bottom:2rem}.alpha-letter{font-size:2rem;color:var(--accent);margin-bottom:1rem}.quicki-empty{text-align:center;padding:3rem;color:var(--text-muted)}@media(max-width:768px){.quicki-grid{grid-template-columns:1fr}.quicki-view-options,.category-filters{justify-content:center}.quicki-list-item{flex-wrap:wrap}.list-category{width:100%;margin-top:.25rem}.alpha-nav{justify-content:center}}.page-quicki-detail{max-width:800px;margin:0 auto;padding:2rem 1rem}.quicki-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none;font-size:.95rem;margin-bottom:2rem;transition:color .2s,gap .2s}.quicki-back-link:hover{color:var(--highlight);gap:.75rem}.quicki-detail-not-found{text-align:center;padding:4rem 2rem}.quicki-detail-not-found h1{font-size:2rem;margin-bottom:1rem}.quicki-detail-not-found p{color:var(--text-muted);margin-bottom:2rem}.quicki-detail-not-found .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none}.quicki-article{background:var(--card);border-radius:16px;padding:2.5rem;border:1px solid var(--border)}.quicki-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.quicki-article-category{display:inline-block;font-size:.9rem;color:var(--accent);margin-bottom:.75rem}.quicki-article-title{font-size:2rem;line-height:1.3;margin-bottom:1rem;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quicki-article-meta{display:flex;flex-wrap:wrap;gap:1.5rem;color:var(--text-muted);font-size:.9rem}.quicki-article-meta .meta-item{display:flex;align-items:center;gap:.5rem}.quicki-article-content{line-height:1.8;font-size:1.05rem}.quicki-article-content h1{font-size:1.8rem;margin:2rem 0 1rem;color:var(--text)}.quicki-article-content h2{font-size:1.5rem;margin:1.75rem 0 .75rem;color:var(--text)}.quicki-article-content h3{font-size:1.25rem;margin:1.5rem 0 .5rem;color:var(--text)}.quicki-article-content p{margin-bottom:1rem}.quicki-article-content li{margin-bottom:.5rem;margin-left:1.5rem}.quicki-article-content br{display:block;content:"";margin-top:.5rem}.quicki-code-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin:1rem 0;overflow-x:auto;font-family:var(--font-accent);font-size:.9rem;line-height:1.6}.quicki-code-block code{color:var(--highlight)}.inline-code{background:var(--bg);color:var(--highlight);padding:.15rem .4rem;border-radius:4px;font-family:var(--font-accent);font-size:.9em}.quicki-article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.quicki-article-tag{background:var(--bg);color:var(--accent);padding:.4rem .75rem;border-radius:20px;font-size:.85rem;text-decoration:none;border:1px solid var(--border);transition:all .2s}.quicki-article-tag:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.quicki-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.quicki-nav-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;flex:1;max-width:48%;transition:all .2s}.quicki-nav-link:hover{border-color:var(--accent);background:var(--bg)}.quicki-nav-prev{justify-content:flex-start}.quicki-nav-next{justify-content:flex-end;text-align:right}.nav-link-content{display:flex;flex-direction:column;gap:.25rem}.nav-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-title{font-size:.95rem;color:var(--accent);font-weight:500}.quicki-nav-placeholder{flex:1;max-width:48%}@media(max-width:768px){.page-quicki-detail{padding:1rem}.quicki-article{padding:1.5rem}.quicki-article-title{font-size:1.5rem}.quicki-article-meta{flex-direction:column;gap:.5rem}.quicki-nav{flex-direction:column}.quicki-nav-link{max-width:100%}.quicki-nav-prev,.quicki-nav-next{justify-content:center;text-align:center}}.leistungen-page{padding-bottom:2rem}.leistungen-page h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.portfolio-hero{text-align:center;padding:2rem 0 3rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.portfolio-hero h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.contact-pill{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:50px;text-decoration:none;color:inherit;font-size:.95rem;transition:all .2s;background:var(--card)}.contact-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.contact-pill.location{background:var(--bg);border-color:var(--border)}.contact-pill.location:hover{background:var(--border);color:inherit}.contact-pill svg{font-size:1rem;color:var(--accent)}.contact-pill:hover svg{color:inherit}.portfolio-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:3rem}.highlight-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-muted)}.highlight-icon{color:var(--accent);font-size:1.1rem}.portfolio-services{margin-bottom:3rem}.portfolio-services h2{text-align:center;margin-bottom:.5rem}.services-subtitle{text-align:center;color:var(--text-muted);margin-bottom:.5rem;font-size:1rem}.services-price{text-align:center;color:var(--accent);font-size:.85rem;margin-bottom:1.5rem;opacity:.8}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.service-card{flex:0 1 280px;max-width:350px;border-radius:16px;padding:1.5rem;transition:all .3s;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 8px 32px #0003}.service-card:hover{transform:translateY(-8px);border-color:var(--service-color, var(--accent));box-shadow:0 16px 48px #0000004d}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--service-color, #3b82f6)}.service-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--service-color, #3b82f6);color:#fff;border-radius:12px;font-size:1.5rem}.service-header h3{margin:0;font-size:1.2rem;color:var(--text)}.service-description{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem;line-height:1.5}.service-details{list-style:none;padding:0;margin:0}.service-details li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem;color:var(--text-muted)}.service-details .check-icon{color:var(--accent);font-size:.85rem;flex-shrink:0}.portfolio-skills{margin-bottom:3rem}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skill-badge{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.5rem;border:2px solid var(--skill-color, var(--border));border-radius:50px;font-size:1rem;font-weight:500;transition:all .2s;background:var(--card)}.skill-badge:hover{background:var(--skill-color, #3b82f6);color:#fff;transform:scale(1.05);box-shadow:0 6px 20px #00000026}.skill-badge svg{font-size:1.4rem;color:var(--skill-color, #3b82f6)}.skill-badge:hover svg{color:#fff}.service-more{display:block;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--accent);font-size:.9rem;font-weight:500;transition:color .2s}.service-card:hover .service-more{color:var(--service-color, var(--highlight))}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-header{display:flex;align-items:center;gap:1rem;padding:2rem;border-bottom:2px solid var(--service-color, var(--accent))}.modal-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--service-color, var(--accent));color:#fff;border-radius:16px;font-size:1.8rem}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text)}.modal-body{padding:2rem;color:var(--text-muted);line-height:1.8}.modal-body p{margin-bottom:.5rem}.modal-body p:empty{height:.8rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:center}.modal-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--highlight),var(--accent));color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s}.modal-cta:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000004d}.portfolio-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,var(--highlight),var(--accent));border-radius:20px;color:#fff}.portfolio-cta h2{color:#fff;margin-bottom:1rem}.portfolio-cta p{color:#fffc;font-size:1.1rem;max-width:500px;margin:0 auto 2rem}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cta-primary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:var(--highlight);text-decoration:none;border-radius:50px;font-weight:500;transition:all .2s}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.cta-secondary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.5);border-radius:50px;font-weight:500;transition:all .2s}.cta-secondary:hover{border-color:#fff;background:#ffffff1a}@media(max-width:768px){.portfolio-hero h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}.hero-contact{flex-direction:column;align-items:center}.portfolio-highlights{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}.services-grid{grid-template-columns:1fr}.skills-grid{gap:.75rem}.skill-badge{padding:.6rem 1rem;font-size:.9rem}.portfolio-cta{padding:2rem 1.5rem}.cta-buttons{flex-direction:column}}.kontakt-page h2{margin-bottom:1.5rem;font-size:1.4rem}.kontakt-page h3{margin:2rem 0 1rem;font-size:1.1rem}.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.kontakt-cards{display:flex;flex-direction:column;gap:1rem}.kontakt-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;transition:all .3s ease;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 8px 32px #0003}.kontakt-card:hover{transform:translate(8px);border-color:var(--accent);box-shadow:0 12px 40px #0000004d}.kontakt-icon{font-size:1.5rem;min-width:40px;display:flex;justify-content:center}.kontakt-details{display:flex;flex-direction:column}.kontakt-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.kontakt-value{font-weight:500;color:inherit;text-decoration:none}a.kontakt-value:hover{text-decoration:underline}.social-links{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:50px;text-decoration:none;color:inherit;transition:all .2s;background:var(--card)}.social-link:hover{background:var(--social-color, #333);color:#fff;border-color:var(--social-color, #333);transform:scale(1.05)}.social-link svg{font-size:1.2rem}.kontakt-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.15)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.submit-btn:hover{background:var(--highlight);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;border:2px solid var(--accent);border-radius:12px;background:var(--card);text-align:center}.form-success svg{font-size:3rem;color:var(--accent)}.form-success p{font-size:1.1rem;color:var(--accent);margin:0}@media(max-width:768px){.kontakt-grid{grid-template-columns:1fr;gap:2rem}.social-links{justify-content:center}}.theme-switcher{position:relative}.theme-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font-size:1rem;transition:all .2s}.theme-toggle-btn:hover{border-color:var(--accent);background:var(--bg)}.theme-toggle-btn svg{color:var(--accent)}.theme-current-name{font-size:1.1rem}.theme-overlay{position:fixed;inset:0;background:#0000004d;z-index:999}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;min-width:220px;overflow:hidden}.theme-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:500;font-size:.9rem;color:var(--text-muted)}.theme-close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.theme-close-btn:hover{background:var(--border);color:var(--text)}.theme-options{padding:.5rem}.theme-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;color:var(--text);transition:all .2s}.theme-option:hover{background:var(--bg)}.theme-option.active{background:var(--accent);color:#fff}.theme-preview{display:flex;gap:2px;border-radius:6px;overflow:hidden}.theme-color{width:16px;height:24px}.theme-name{font-size:.9rem;font-weight:500}.theme-dropdown-mobile{position:fixed!important;inset:auto 0 0!important;border-radius:16px 16px 0 0;width:100%;min-width:100%;max-height:70vh}.theme-dropdown-mobile .theme-options{padding:.5rem 1rem 1.5rem}.page-home{padding:0;max-width:100%}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:3rem 1rem}.home-logo-placeholder{width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:28px;margin-bottom:2rem;box-shadow:0 12px 40px #00000026;animation:logoFloat 3s ease-in-out infinite;overflow:hidden}.home-logo-img{width:100%;height:100%;object-fit:cover;border-radius:28px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-text{font-size:4rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.name-animation{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.name-part{font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:nameSlideIn .8s ease-out both}.name-first{font-size:2rem;animation-delay:.2s}.name-last{font-size:2.8rem;animation-delay:.4s}@keyframes nameSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-tagline{font-size:1.1rem;color:var(--text-muted);margin:0;animation:fadeIn .8s ease-out .6s both;letter-spacing:.5px}.home-quote{font-size:.95rem;color:var(--text-muted);font-style:italic;margin:1.5rem 0 0;max-width:500px;text-align:center;opacity:.7;animation:fadeIn 1s ease-out .8s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-about{display:flex;align-items:center;gap:3rem;max-width:1000px;margin:0 auto 3rem;padding:2rem}.about-image{flex-shrink:0}.about-image img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--accent);box-shadow:0 0 30px #6b5ce74d;transition:transform .3s,box-shadow .3s}.about-image img:hover{transform:scale(1.05);box-shadow:0 0 50px #6b5ce780}.about-content{flex:1}.about-content h2{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content p{color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.about-content strong{color:var(--text)}.about-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.about-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b5ce766}@media(max-width:768px){.home-about{flex-direction:column;text-align:center}.about-image img{width:150px;height:150px}}.home-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;max-width:1200px;margin:0 auto}.home-card{flex:0 1 280px;max-width:350px;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;transition:all .3s ease;animation:cardFadeIn .6s ease-out both}.home-card:nth-child(1){animation-delay:.1s}.home-card:nth-child(2){animation-delay:.2s}.home-card:nth-child(3){animation-delay:.3s}.home-card:nth-child(4){animation-delay:.4s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d;border-color:var(--card-color, var(--accent))}.home-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--card-color, var(--accent));color:#fff;border-radius:14px;font-size:1.5rem;flex-shrink:0}.home-card-content{flex:1}.home-card-content h2{margin:0 0 .25rem;font-size:1.2rem;color:var(--text)}.home-card-content p{margin:0;font-size:.9rem;color:var(--text-muted)}.home-card-arrow{color:var(--text-muted);font-size:1rem;transition:all .3s}.home-card:hover .home-card-arrow{color:var(--card-color, var(--accent));transform:translate(4px)}@media(max-width:768px){.home-hero{min-height:50vh;padding:2rem 1rem}.home-logo-placeholder{width:100px;height:100px;border-radius:20px}.logo-text{font-size:3rem}.name-first{font-size:1.5rem}.name-last{font-size:2rem}.home-cards{grid-template-columns:1fr;padding:1rem;gap:1rem}.home-card{padding:1.25rem}.home-card-icon{width:48px;height:48px;font-size:1.25rem}}.morphing-name{position:relative;margin-bottom:1rem}.morphing-text{font-size:2.5rem;font-weight:700;min-height:1.2em;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin:0}.morphing-text.phase-typing,.morphing-text.phase-glitch{color:var(--text)}.morphing-text.phase-final{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.cursor{animation:blink .8s infinite;color:var(--accent)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glitch-container{position:relative;display:inline-block}.glitch-layer{position:absolute;inset:0;opacity:.7}.glitch-red{color:#ff0040;transform:translate(-2px,-1px)}.glitch-cyan{color:#0f8;transform:translate(2px,1px)}.glitch-main{position:relative}.scanlines{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.03) 2px,rgba(0,255,136,.03) 4px)}.final-glow{position:absolute;inset:0;z-index:-1;filter:blur(40px);opacity:.3;background:radial-gradient(circle,var(--accent) 0%,transparent 70%)}@media(max-width:768px){.morphing-text{font-size:1.8rem}}.page-projects{padding:2rem;max-width:1200px;margin:0 auto}.projects-header{text-align:center;margin-bottom:3rem}.projects-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{color:var(--text-muted);font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.project-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 12px 40px #0000004d}.project-card-icon{font-size:3rem}.project-card-title{font-size:1.4rem;color:var(--text);margin:0}.project-card-excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.6;flex:1}.project-card-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-mini{background:var(--accent);color:var(--bg);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.project-detail{max-width:800px;margin:0 auto}.project-detail .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);background:none;border:none;cursor:pointer;font-size:1rem;margin-bottom:2rem;padding:0;transition:opacity .2s}.project-detail .back-link:hover{opacity:.7}.project-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.project-detail-icon{font-size:4rem}.project-detail-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-detail-description{font-size:1.1rem;line-height:1.8;color:var(--text-muted);white-space:pre-line;margin-bottom:2rem}.project-detail-tech{margin-bottom:2rem}.project-detail-tech h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text)}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500}.project-detail-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.github-link{background:#24292e;color:#fff}.github-link:hover{background:#1a1e22;transform:translateY(-2px)}.live-link{background:var(--accent);color:var(--bg)}.live-link:hover{opacity:.9;transform:translateY(-2px)}.project-demo{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem;margin-top:2rem}.project-demo h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text)}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.upload-zone .upload-icon{font-size:3rem;color:var(--accent);margin-bottom:1rem;display:block}.upload-zone p{color:var(--text-muted);font-size:1.1rem}.upload-zone .file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.classifier-content{display:flex;flex-direction:column;gap:1.5rem}.image-preview{text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 4px 20px #0003}.classifier-actions{display:flex;gap:1rem;justify-content:center}.btn-classify{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-classify:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.btn-classify:disabled{opacity:.7;cursor:not-allowed}.btn-reset{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:1rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-reset:hover{border-color:var(--accent);color:var(--accent)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.classification-results h4{margin-bottom:1rem;color:var(--text)}.results-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.result-item{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:1rem}.result-item.top-result .result-category{color:var(--accent);font-weight:600}.result-category{color:var(--text);font-size:.9rem}.result-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.result-fill{height:100%;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:4px;transition:width .5s ease}.result-percent{color:var(--text-muted);font-size:.85rem;text-align:right}.demo-note{font-size:.85rem;color:var(--text-muted);font-style:italic;text-align:center;margin-top:1rem}.demo-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;text-align:center}.dual-demo-container{display:flex;flex-direction:column;gap:2rem}.dual-demo-container .project-demo{margin-top:0}.demo-divider{display:flex;align-items:center;justify-content:center;gap:1rem}.demo-divider span{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.5rem;padding:.5rem 1rem}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.cifar10-demo{border-color:var(--accent);background:linear-gradient(135deg,#6b5ce70d,#00d4ff0d)}.cifar10-demo h3{color:var(--accent)}.mobilenet-demo{border-color:var(--text-muted);opacity:.9}.mobilenet-demo h3{color:var(--text-muted)}@media(min-width:1024px){.dual-demo-container{flex-direction:row;align-items:stretch}.dual-demo-container .project-demo{flex:1}.demo-divider{flex-direction:column;padding:0 1rem}.demo-divider:before,.demo-divider:after{width:2px;height:auto;flex:1;background:linear-gradient(180deg,transparent,var(--border),transparent)}}.model-loading,.model-error{text-align:center;padding:3rem;color:var(--text-muted)}.model-loading .spinner{font-size:2rem;color:var(--accent);margin-bottom:1rem;display:block}.model-loading p{font-size:1rem}.project-not-found{text-align:center;padding:4rem 2rem}.project-not-found h1{font-size:2rem;margin-bottom:1rem}.project-not-found .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none}@media(max-width:768px){.page-projects{padding:1rem}.projects-header h1{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-detail-header{flex-direction:column;text-align:center}.project-detail-header h1{font-size:1.8rem}.project-detail-links{flex-direction:column}.project-link{justify-content:center}.result-item{grid-template-columns:80px 1fr 50px;gap:.5rem}.classifier-actions{flex-direction:column}}.page-legal{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.page-legal h1{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(135deg,var(--accent),var(--highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-section{margin-bottom:2rem;padding:1.5rem;background:var(--card);border-radius:12px;border:1px solid var(--border)}.legal-section h2{font-size:1.3rem;margin-bottom:1rem;color:var(--accent)}.legal-section h3{font-size:1.1rem;margin:1.5rem 0 .75rem;color:var(--highlight)}.legal-section p{line-height:1.7;margin-bottom:.75rem;color:var(--text)}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:.75rem 0;padding-left:1.5rem}.legal-section li{line-height:1.6;margin-bottom:.5rem;color:var(--text-muted)}.legal-section a{color:var(--highlight);text-decoration:none;transition:opacity .2s}.legal-section a:hover{opacity:.8;text-decoration:underline}.legal-section strong{color:var(--text)}.legal-section em{color:var(--text-muted);font-style:italic}@media(max-width:768px){.page-legal{padding:1rem}.page-legal h1{font-size:1.8rem}.legal-section{padding:1rem}.legal-section h2{font-size:1.1rem}}.page-games{padding:2rem 1rem;max-width:1200px;margin:0 auto}.games-header{text-align:center;margin-bottom:3rem}.games-header h1{font-size:2.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.games-subtitle{color:var(--text-muted);font-size:1.1rem}.games-category{margin-bottom:3rem}.games-category h2{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.game-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--game-color);transform:scaleX(0);transition:transform .3s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000004d;border-color:var(--game-color)}.game-card:hover:before{transform:scaleX(1)}.game-card-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.game-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.game-card-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.game-card-category{font-size:.75rem;padding:.25rem .75rem;background:var(--game-color);color:#fff;border-radius:50px;font-weight:500}.game-detail{max-width:900px;margin:0 auto}.game-detail-header{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.game-detail-icon{font-size:3rem}.game-detail-header h1{font-size:2rem;margin:0}.game-container{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;min-height:500px;display:flex;align-items:center;justify-content:center}.game-loader{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.loader-spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-not-found{text-align:center;padding:4rem 2rem}.game-not-found h1{font-size:2rem;margin-bottom:1rem}@media(max-width:768px){.games-header h1{font-size:1.8rem}.games-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.game-card{padding:1rem}.game-card-icon{font-size:2rem}.game-card-title{font-size:1rem}.game-card-description{font-size:.8rem}.game-container{padding:.5rem;min-height:400px}}@media(max-width:480px){.games-grid{grid-template-columns:1fr}}[data-theme=universe] body,[data-theme=universe] p,[data-theme=universe] span,[data-theme=universe] a,[data-theme=universe] li,[data-theme=universe] label,[data-theme=universe] input,[data-theme=universe] textarea,[data-theme=universe] button{text-shadow:1px 1px 2px rgba(0,0,0,.8)}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.auth-card h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.auth-form input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 139, 92, 246),.15)}.auth-form input::placeholder{color:var(--text-secondary);opacity:.5}.auth-button{margin-top:.5rem;padding:1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{margin-top:1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-links a{color:var(--accent-primary);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.admin-page{padding:2rem;max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-header h1{color:var(--text-primary);font-size:1.75rem}.admin-stats{display:flex;gap:1rem}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:12px;padding:1rem 1.5rem;text-align:center}.stat-card .stat-number{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.stat-card .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;overflow:hidden}.admin-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--card-border)}.admin-card-header h2{color:var(--text-primary);font-size:1.125rem;margin:0}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--card-border)}.users-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffffff05}.users-table td{color:var(--text-primary);font-size:.875rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#ffffff05}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-info .username{font-weight:600;color:var(--text-primary)}.user-info .email{font-size:.75rem;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:#ef444426;color:#ef4444}.status-badge.admin{background:#8b5cf626;color:#8b5cf6}.admin-actions{display:flex;gap:.5rem}.admin-btn{padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:opacity .2s;border:none}.admin-btn:hover{opacity:.8}.admin-btn.delete{background:#ef444426;color:#ef4444}.admin-btn.toggle{background:#3b82f626;color:#3b82f6}.admin-empty,.admin-loading{padding:3rem;text-align:center;color:var(--text-secondary)}.access-denied{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.access-denied h1{color:var(--text-primary);margin-bottom:1rem}.access-denied p{color:var(--text-secondary);margin-bottom:2rem}.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.admin-card-link{text-decoration:none}.admin-dashboard-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.admin-dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:var(--accent-primary)}.admin-card-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.admin-dashboard-card h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.admin-dashboard-card p{color:var(--text-secondary);font-size:.875rem;margin:0}.admin-welcome{color:var(--text-secondary);margin-top:.5rem}@media(max-width:768px){.auth-card{padding:1.5rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-stats{width:100%}.stat-card{flex:1}.users-table{display:block;overflow-x:auto}.users-table th,.users-table td{padding:.75rem 1rem;white-space:nowrap}.admin-cards-grid{grid-template-columns:1fr}}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;display:inline-block;margin-bottom:.5rem;transition:color .2s}.back-link:hover{color:var(--accent-primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.stat-card-large{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;text-align:center}.stat-card-large .stat-number{font-size:2.5rem;font-weight:700;color:var(--accent-primary);line-height:1}.stat-card-large .stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.settings-section{margin-top:1.5rem}.settings-content{padding:1rem 1.5rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--card-border)}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--text-secondary);font-size:.875rem}.setting-value{color:var(--text-primary);font-weight:500}.setting-value.status-online{color:#22c55e}.setting-value.status-offline{color:#ef4444}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.analytics-list{padding:1rem 1.5rem;max-height:300px;overflow-y:auto}.analytics-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--card-border)}.analytics-item:last-child{border-bottom:none}.analytics-label{color:var(--text-primary);font-size:.875rem}.analytics-value{color:var(--accent-primary);font-weight:600;font-size:.875rem}.analytics-empty{color:var(--text-secondary);padding:1rem 0;text-align:center;font-size:.875rem}.analytics-chart{display:flex;justify-content:space-around;align-items:flex-end;height:180px;padding:1.5rem;gap:.5rem}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--accent-primary) 0%,rgba(139,92,246,.4) 100%);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;min-height:20px;transition:transform .2s}.chart-bar:hover{transform:scaleY(1.02)}.chart-value{color:#fff;font-size:.75rem;font-weight:600}.chart-label{color:var(--text-secondary);font-size:.75rem;margin-top:.5rem}.referrer-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.analytics-grid{grid-template-columns:1fr}.analytics-chart{height:140px}.chart-bar{max-width:30px}}