:root{--tw-bg-primary: #060d18;--tw-bg-secondary: #0a1628;--tw-bg-card: rgba(15, 35, 65, .6);--tw-bg-elevated: rgba(20, 50, 85, .5);--tw-text-primary: #dbeeff;--tw-text-secondary: #6fa3cc;--tw-text-muted: #3d6d94;--tw-accent: #4fc3f7;--tw-accent-dark: #2196f3;--tw-accent-light: #81d4fa;--tw-cyan: #00e5ff;--tw-success: #66bb6a;--tw-warning: #ffa726;--tw-danger: #ef5350;--tw-border: rgba(79, 195, 247, .12);--tw-border-light: rgba(79, 195, 247, .06);--tw-glow-sm: 0 0 15px rgba(79, 195, 247, .08);--tw-glow-md: 0 0 30px rgba(79, 195, 247, .12);--tw-glow-lg: 0 0 60px rgba(0, 229, 255, .1);--tw-glow-accent: rgba(79, 195, 247, .15);--tw-glow-cyan: rgba(0, 229, 255, .1);--tw-font-sans: "Outfit", system-ui, -apple-system, sans-serif;--tw-font-body: "DM Sans", system-ui, sans-serif;--tw-font-mono: "JetBrains Mono", "Fira Code", monospace;--tw-space-xs: .25rem;--tw-space-sm: .5rem;--tw-space-md: 1rem;--tw-space-lg: 1.5rem;--tw-space-xl: 2rem;--tw-space-2xl: 3rem;--tw-space-3xl: 5rem;--tw-radius-sm: 6px;--tw-radius-md: 12px;--tw-radius-lg: 16px;--tw-radius-xl: 24px;--tw-radius-full: 9999px;--tw-transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--tw-transition-base: .35s cubic-bezier(.4, 0, .2, 1);--tw-transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--tw-container-max: 1200px;--tw-header-height: 80px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ward-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-breathe{0%,to{box-shadow:0 0 20px #4fc3f70d,inset 0 0 20px #4fc3f705}50%{box-shadow:0 0 30px #4fc3f71a,inset 0 0 30px #4fc3f70a}}@keyframes logo-spin{0%{transform:rotateY(0)}7%{transform:rotateY(0)}46%{transform:rotateY(180deg)}53%{transform:rotateY(180deg)}93%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tw-bg-primary)}body{font-family:var(--tw-font-body);font-size:1rem;line-height:1.7;color:var(--tw-text-primary);background-color:var(--tw-bg-primary);min-height:100vh;background-image:radial-gradient(ellipse at 15% 5%,rgba(33,150,243,.06) 0%,transparent 50%),radial-gradient(ellipse at 85% 90%,rgba(0,229,255,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(79,195,247,.02) 0%,transparent 70%);background-attachment:fixed}img{max-width:100%;height:auto;display:block}a{color:var(--tw-accent);text-decoration:none;transition:color var(--tw-transition-fast)}a:hover{color:var(--tw-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--tw-font-sans);font-weight:600;line-height:1.2;color:var(--tw-text-primary);margin-bottom:var(--tw-space-md);letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;letter-spacing:-.03em}h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}h3{font-size:clamp(1.15rem,2vw,1.5rem)}p{margin-bottom:var(--tw-space-md);color:var(--tw-text-secondary)}.text-gradient{background:linear-gradient(135deg,var(--tw-accent-light) 0%,var(--tw-cyan) 50%,var(--tw-accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 6s linear infinite}.container{width:100%;max-width:var(--tw-container-max);margin:0 auto;padding:0 var(--tw-space-lg)}.section{padding:var(--tw-space-3xl) 0;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto var(--tw-space-2xl)}.section-header h2{margin-bottom:var(--tw-space-sm)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--tw-header-height);background:#060d18bf;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--tw-border);z-index:1000;transition:background var(--tw-transition-base)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--tw-container-max);margin:0 auto;padding:0 var(--tw-space-lg)}.site-logo{display:flex;align-items:center;gap:var(--tw-space-sm);text-decoration:none}.site-logo .logo-icon{height:64px;width:auto;margin:-12px 0;filter:drop-shadow(0 0 12px rgba(79,195,247,.4)) drop-shadow(0 0 4px rgba(0,229,255,.2));transition:filter var(--tw-transition-base);animation:logo-spin 6s linear infinite}.site-logo:hover .logo-icon{filter:drop-shadow(0 0 20px rgba(0,229,255,.6)) drop-shadow(0 0 40px rgba(79,195,247,.3));transform:scale(1.08)}.site-logo .logo-text{font-family:var(--tw-font-sans);font-size:1.4rem;letter-spacing:.02em;background:linear-gradient(90deg,var(--tw-text-secondary),var(--tw-accent-light),var(--tw-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--tw-transition-base)}.site-logo .logo-text strong{font-weight:700}.site-logo:hover .logo-text{background:linear-gradient(90deg,var(--tw-text-primary),var(--tw-accent),var(--tw-cyan));-webkit-background-clip:text;background-clip:text}.site-logo img:not(.logo-icon){height:48px;width:auto;filter:drop-shadow(0 0 8px rgba(79,195,247,.2));transition:filter var(--tw-transition-base)}.main-nav{display:flex;align-items:center;gap:var(--tw-space-xl)}.nav-menu{display:flex;list-style:none;gap:var(--tw-space-xs)}.nav-menu a{color:var(--tw-text-secondary);font-family:var(--tw-font-sans);font-weight:500;font-size:.9rem;padding:var(--tw-space-sm) var(--tw-space-md);border-radius:var(--tw-radius-md);position:relative;transition:all var(--tw-transition-fast);letter-spacing:.01em}.nav-menu a:hover{color:var(--tw-text-primary);background:#4fc3f70f}.nav-menu a.active{color:var(--tw-accent);background:#4fc3f714}.nav-menu a:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--tw-accent),var(--tw-cyan));transition:all var(--tw-transition-base);transform:translate(-50%);border-radius:1px;box-shadow:0 0 8px var(--tw-glow-accent);opacity:0}.nav-menu a:hover:after,.nav-menu a.active:after{width:60%;opacity:1}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--tw-text-primary);font-size:1.5rem;cursor:pointer;padding:var(--tw-space-sm);border-radius:var(--tw-radius-md);transition:background var(--tw-transition-fast)}.mobile-menu-toggle:hover{background:#4fc3f714}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tw-space-sm);padding:var(--tw-space-sm) var(--tw-space-xl);font-family:var(--tw-font-sans);font-size:.9rem;font-weight:600;border-radius:var(--tw-radius-full);border:1px solid transparent;cursor:pointer;transition:all var(--tw-transition-fast);text-decoration:none;letter-spacing:.02em;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--tw-accent-dark) 0%,var(--tw-accent) 50%,var(--tw-cyan) 100%);background-size:200% 200%;color:#060d18;font-weight:700;border:none;box-shadow:0 4px 20px #4fc3f740,0 0 40px #4fc3f71a}.btn-primary:hover{background-position:100% 100%;color:#060d18;transform:translateY(-2px);box-shadow:0 8px 30px #4fc3f759,0 0 60px #00e5ff26}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg) translate(-100%);transition:transform .6s ease}.btn-primary:hover:after{transform:rotate(45deg) translate(100%)}.btn-secondary{background:#4fc3f70f;color:var(--tw-accent-light);border:1px solid rgba(79,195,247,.2);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#4fc3f71f;border-color:var(--tw-accent);color:var(--tw-text-primary);box-shadow:var(--tw-glow-sm);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--tw-accent);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-sm{padding:var(--tw-space-xs) var(--tw-space-md);font-size:.8rem}.btn-lg{padding:.85rem var(--tw-space-2xl);font-size:1rem}.hero{position:relative;padding:calc(var(--tw-header-height) + var(--tw-space-2xl)) 0 var(--tw-space-3xl);overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 50% 40%,rgba(79,195,247,.08) 0%,transparent 70%),radial-gradient(circle 300px at 10% 20%,rgba(0,229,255,.06) 0%,transparent 70%),radial-gradient(circle 400px at 90% 80%,rgba(33,150,243,.05) 0%,transparent 70%);pointer-events:none;animation:ward-pulse 8s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(79,195,247,.35) 50%,transparent 50%),radial-gradient(1px 1px at 25% 45%,rgba(0,229,255,.25) 50%,transparent 50%),radial-gradient(2px 2px at 40% 10%,rgba(129,212,250,.3) 50%,transparent 50%),radial-gradient(1px 1px at 55% 70%,rgba(79,195,247,.2) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 70% 25%,rgba(0,229,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 85% 55%,rgba(129,212,250,.25) 50%,transparent 50%),radial-gradient(2px 2px at 15% 75%,rgba(79,195,247,.2) 50%,transparent 50%),radial-gradient(1px 1px at 60% 35%,rgba(0,229,255,.15) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 90% 10%,rgba(79,195,247,.25) 50%,transparent 50%),radial-gradient(1px 1px at 35% 85%,rgba(129,212,250,.2) 50%,transparent 50%),radial-gradient(1px 1px at 75% 65%,rgba(79,195,247,.15) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 50% 90%,rgba(0,229,255,.2) 50%,transparent 50%),linear-gradient(rgba(79,195,247,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(79,195,247,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,60px 60px,60px 60px;pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;animation:fade-up .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:var(--tw-space-sm);background:var(--tw-bg-card);border:1px solid var(--tw-border);border-radius:var(--tw-radius-full);padding:var(--tw-space-xs) var(--tw-space-md);font-size:.85rem;color:var(--tw-text-secondary);margin-bottom:var(--tw-space-lg);backdrop-filter:blur(10px)}.hero-badge .dot{width:8px;height:8px;background:var(--tw-success);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 8px #66bb6a66}.hero h1{margin-bottom:var(--tw-space-lg)}.hero p{font-size:1.2rem;margin-bottom:var(--tw-space-xl);max-width:640px;margin-left:auto;margin-right:auto;color:var(--tw-text-secondary)}.hero-buttons{display:flex;gap:var(--tw-space-md);justify-content:center;flex-wrap:wrap}.card{background:var(--tw-bg-card);border:1px solid var(--tw-border);border-radius:var(--tw-radius-lg);padding:var(--tw-space-xl);transition:all var(--tw-transition-base);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,195,247,.3),transparent);opacity:0;transition:opacity var(--tw-transition-base)}.card:hover{transform:translateY(-6px);border-color:#4fc3f740;box-shadow:0 20px 60px #0006,var(--tw-glow-md);background:#0f2341cc}.card:hover:before{opacity:1}.card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4fc3f726,#00e5ff1a);border:1px solid rgba(79,195,247,.2);border-radius:var(--tw-radius-md);margin-bottom:var(--tw-space-lg);font-size:1.5rem;color:var(--tw-accent);transition:all var(--tw-transition-base);animation:glow-breathe 4s ease-in-out infinite}.card:hover .card-icon{background:linear-gradient(135deg,#4fc3f740,#00e5ff33);box-shadow:0 0 20px #4fc3f733;transform:scale(1.05)}.card h3{margin-bottom:var(--tw-space-sm)}.card p{font-size:.95rem;margin-bottom:0;line-height:1.7}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--tw-space-xl)}.module-card{position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tw-accent),var(--tw-cyan),transparent);opacity:0;transition:opacity var(--tw-transition-base)}.module-card:hover:before{opacity:1}.module-tag{display:inline-block;background:#4fc3f71a;color:var(--tw-accent-light);padding:var(--tw-space-xs) var(--tw-space-sm);border-radius:var(--tw-radius-full);font-family:var(--tw-font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--tw-space-md);border:1px solid rgba(79,195,247,.15)}.module-card-link{display:block;text-decoration:none;color:inherit}.module-card-link:hover{color:inherit}.module-card-hover{cursor:default}.coming-soon-tag{display:inline-block;background:#ffa7261a;color:var(--tw-warning);padding:var(--tw-space-xs) var(--tw-space-sm);border-radius:var(--tw-radius-full);font-family:var(--tw-font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:var(--tw-space-md);border:1px solid rgba(255,167,38,.15)}.card-type{display:inline-block;background:#4fc3f71a;color:var(--tw-accent);padding:var(--tw-space-xs) var(--tw-space-sm);border-radius:var(--tw-radius-full);font-family:var(--tw-font-sans);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--tw-space-sm)}.card-type-dienst{background:#00e5ff14;color:var(--tw-cyan)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--tw-space-xl)}.feature-item{display:flex;gap:var(--tw-space-md);padding:var(--tw-space-lg);border-radius:var(--tw-radius-md);transition:background var(--tw-transition-fast)}.feature-item:hover{background:#4fc3f708}.feature-check{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#66bb6a26,#66bb6a0d);color:var(--tw-success);border-radius:var(--tw-radius-sm);font-size:.8rem;border:1px solid rgba(102,187,106,.2)}.feature-content h4{font-size:1rem;margin-bottom:var(--tw-space-xs);color:var(--tw-text-primary)}.feature-content p{font-size:.9rem;margin-bottom:0;line-height:1.7}.cta-section{background:var(--tw-bg-secondary);border-top:1px solid var(--tw-border);border-bottom:1px solid var(--tw-border);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(79,195,247,.06) 0%,transparent 70%);pointer-events:none;animation:ward-pulse 6s ease-in-out infinite}.cta-content{text-align:center;max-width:600px;margin:0 auto;position:relative;z-index:1}.cta-content h2{margin-bottom:var(--tw-space-sm)}.cta-content p{margin-bottom:var(--tw-space-xl)}.page-hero{padding:calc(var(--tw-header-height) + var(--tw-space-xl)) 0 var(--tw-space-2xl);background:var(--tw-bg-secondary);border-bottom:1px solid var(--tw-border);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(79,195,247,.04) 0%,transparent 50%);pointer-events:none}.page-hero-content{text-align:center;position:relative;z-index:1}.page-hero h1{margin-bottom:var(--tw-space-md)}.page-hero p{font-size:1.1rem}.site-footer{background:linear-gradient(180deg,var(--tw-bg-secondary) 0%,rgba(4,8,16,.95) 100%);border-top:1px solid var(--tw-border);padding:var(--tw-space-3xl) 0 var(--tw-space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--tw-space-2xl);margin-bottom:var(--tw-space-2xl)}.footer-brand img{height:40px;margin-bottom:var(--tw-space-md);filter:drop-shadow(0 0 6px rgba(79,195,247,.15))}.footer-brand p{font-size:.9rem;max-width:300px;line-height:1.7}.footer-nav h4{color:var(--tw-text-primary);font-family:var(--tw-font-sans);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--tw-space-lg);color:var(--tw-accent)}.footer-nav ul{list-style:none}.footer-nav li{margin-bottom:var(--tw-space-sm)}.footer-nav a{color:var(--tw-text-secondary);font-size:.9rem;transition:all var(--tw-transition-fast)}.footer-nav a:hover{color:var(--tw-text-primary);padding-left:4px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--tw-space-xl);border-top:1px solid var(--tw-border);font-size:.8rem;color:var(--tw-text-muted)}.footer-links{display:flex;list-style:none;gap:var(--tw-space-lg)}.footer-links a{color:var(--tw-text-muted);font-size:.8rem}.footer-links a:hover{color:var(--tw-accent)}@media(max-width:992px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--tw-header-height: 68px}.hero{min-height:auto;padding-bottom:var(--tw-space-2xl)}.nav-menu{display:none}.mobile-menu-toggle{display:block}.hero-content{padding:var(--tw-space-lg)}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.modules-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-nav a:hover{padding-left:0}.footer-bottom{flex-direction:column;gap:var(--tw-space-md);text-align:center}.feature-item{padding:var(--tw-space-md)}}@media(max-width:480px){.section{padding:var(--tw-space-2xl) 0}.container{padding:0 var(--tw-space-md)}}