:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{scroll-behavior:smooth;margin:0;padding:0}:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass:#ffffff0d;--glass-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8}body.light-mode{--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--glass:#fff9;--glass-border:#0000001a;--text-main:#0f172a;--text-muted:#475569}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .5s,color .5s;overflow-x:hidden}.app-container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.logo{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text-main)}.icon-btn{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .3s;display:flex}.icon-btn:hover{color:var(--text-main);border-color:var(--primary);background:var(--glass)}.auth-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:.6rem 1.2rem;font-weight:600;transition:all .3s}.auth-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.rocket-to-top{background:var(--primary);color:#fff;cursor:pointer;z-index:100;opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;left:30px;transform:translateY(20px);box-shadow:0 4px 15px #6366f166}.rocket-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.rocket-to-top:hover{background:#c084fc;transform:translateY(-5px)scale(1.1);box-shadow:0 8px 25px #c084fc99}.rocket-to-top.launching{animation:.8s ease-in forwards rocketLaunch}@keyframes rocketLaunch{0%{opacity:1;transform:translateY(0)scale(1.1)}20%{opacity:1;transform:translateY(10px)scale(1.1)}to{opacity:0;transform:translateY(-100vh)scale(.5)}}.hero{text-align:center;padding:8rem 0;position:relative}.hero h1{opacity:0;margin-bottom:1.5rem;font-size:4rem;line-height:1.1;transform:translateY(30px)}.hero p{color:var(--text-muted);opacity:0;max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6;transform:translateY(30px)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:4rem 0;display:grid}.project-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);cursor:pointer;border-radius:24px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--primary);background:#ffffff14;transform:translateY(-8px)}.project-card h3{margin:1.5rem 0 .5rem;font-size:1.5rem}.project-card p{color:var(--text-muted);margin-bottom:1.5rem}.project-link{color:var(--primary);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.footer{border-top:1px solid var(--glass-border);margin-top:8rem;padding:4rem 0 2rem}.legal-section{color:var(--text-muted);grid-template-columns:1fr 1fr;gap:4rem;display:grid}.impressum-content h2{color:var(--text-main);margin-bottom:1.5rem}.impressum-content p{margin:.5rem 0;line-height:1.5}.copyright{text-align:center;color:var(--text-muted);padding-top:4rem;font-size:.875rem}@media (width<=768px){.hero h1{font-size:2.5rem}.legal-section{grid-template-columns:1fr}.nav-links{display:none}}.bg-svg{z-index:-1;opacity:.1;pointer-events:none;position:absolute}.lang-btn{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .8rem;font-weight:600;transition:all .3s}.lang-btn:hover{color:var(--text-main);border-color:var(--primary);background:var(--glass)}.logo-icon-wrapper{width:24px;height:24px;position:relative}.logo-dot{mix-blend-mode:screen;border-radius:50%;width:16px;height:16px;position:absolute}.logo-dot.blue{background:#38bdf8;animation:3s infinite alternate pulse;top:0;left:0}.logo-dot.purple{background:#c084fc;animation:3s infinite alternate-reverse pulse;bottom:0;right:0}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.hero-visual{width:100%;max-width:400px;margin:0 auto 2rem}.legal-spacing{margin-top:2rem}.legal-block{margin-bottom:2rem}.cookie-settings-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:8px;margin-top:1rem;padding:.6rem 1.2rem;transition:all .3s}.cookie-settings-btn:hover{border-color:var(--primary);background:#ffffff1a}.page-container{max-width:800px;margin:0 auto;padding:4rem 0}.page-container h1,.page-container h2,.page-container h3{color:var(--text-main);margin-top:2rem;margin-bottom:1rem}.page-container p,.page-container ul{color:var(--text-muted);margin-bottom:1rem;line-height:1.7}.page-container a{color:var(--primary);text-decoration:none}.page-container a:hover{text-decoration:underline}.user-menu{align-items:center;gap:1.5rem;display:flex}.anime-girl-container{z-index:50;pointer-events:auto;filter:drop-shadow(0 0 15px #c084fc66);opacity:0;width:350px;height:350px;transition:transform .3s;position:fixed;bottom:-20px;right:-20px}@media (width<=768px){.anime-girl-container{opacity:.8;width:220px;height:220px;bottom:-10px;right:-10px}}.bg-floating-icons{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.float-icon{opacity:.05;position:absolute}.float-icon.i1{top:20%;left:15%}.float-icon.i2{top:60%;left:80%}.float-icon.i3{top:80%;left:20%}.float-icon.i4{top:30%;left:75%}.float-icon.i5{top:50%;left:10%}.float-icon.i6{top:15%;left:50%}.project-card:before{content:"";background:linear-gradient(135deg, var(--primary), #c084fc) border-box;-webkit-mask-composite:destination-out;opacity:0;border:2px solid #0000;border-radius:24px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover:before{opacity:1}