*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(168deg,#0a0a0f 0%,#1a1528 48%,#0f0a1a 100%);color:#e8e6f0;line-height:1.7;font-size:16px;min-height:100vh}
html{scroll-behavior:smooth}
a{text-decoration:none;color:inherit;transition:color .3s ease}
img{max-width:100%;height:auto;display:block}
.container{max-width:1240px;margin:0 auto;padding:0 28px}
.twilight-realm{background:linear-gradient(to bottom,#8353f514 0%,#0a0a0f00 100%);border-bottom:1px solid #8353f51f}
.constellation-top{padding:38px 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.epoch-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4.2vw,52px);font-weight:700;background:linear-gradient(135deg,#FBFEE3 0%,#8353F5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin:0}
.phase-subtitle{font-size:clamp(14px,1.8vw,18px);color:#b8b4c8;font-weight:300;letter-spacing:.01em;margin:0}
.constellation-base{padding:24px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px}
.aurora-logo-hold{display:flex;align-items:center;z-index:15}
.aurora-logo-hold img{height:85px;width:85px;object-fit:contain;aspect-ratio:1/1}
.prism-navigation{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.prism-navigation a{padding:11px 22px;font-size:15px;font-weight:500;color:#d4d1e2;background:#8353f50f;border-radius:8px;transition:all .28s ease;border:1px solid #8353f526;position:relative;overflow:hidden}
.prism-navigation a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#8353f533,transparent);transition:left .35s ease}
.prism-navigation a:hover{color:#FBFEE3;background:#8353f51f;border-color:#8353f54d}
.prism-navigation a:hover::before{left:100%}
.prism-navigation a:focus{outline:3px solid #8353F5;outline-offset:2px}
.cascade-hero{padding:86px 0 96px;text-align:center;background:radial-gradient(ellipse at top,#ac290526 0%,transparent 60%);position:relative}
.cascade-hero::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,#8353f52e 0%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none;mix-blend-mode:screen}
.cascade-hero .container{position:relative;z-index:1}
.moment-headline{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,5.5vw,68px);font-weight:700;color:#FBFEE3;margin-bottom:26px;line-height:1.15;letter-spacing:-.03em}
.cycle-description{font-size:clamp(17px,2vw,21px);color:#c2bdd4;max-width:720px;margin:0 auto 42px;line-height:1.65}
.rhythm-cta-group{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.luminance-button{padding:16px 38px;font-size:17px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .32s ease;border:2px solid transparent;display:inline-flex;align-items:center;gap:10px}
.luminance-button.primary-glow{background:linear-gradient(135deg,#AC2905 0%,#8353F5 100%);color:#FBFEE3}
.luminance-button.primary-glow:hover{background:linear-gradient(135deg,#c92f06 0%,#9a65ff 100%);box-shadow:0 8px 24px #8353f566}
.luminance-button.secondary-outline{background:transparent;color:#8353F5;border-color:#8353F5}
.luminance-button.secondary-outline:hover{background:#8353f51a;border-color:#9a65ff;color:#9a65ff}
.luminance-button:focus{outline:3px solid #8353f599;outline-offset:3px}
.spectrum-features{padding:92px 0;background:linear-gradient(to bottom,transparent 0%,#8353f50a 50%,transparent 100%)}
.zenith-section-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:700;text-align:center;margin-bottom:58px;color:#FBFEE3;letter-spacing:-.02em}
.lattice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.nexus-card{background:#1a152899;border:1px solid #8353f533;border-radius:12px;padding:38px 32px;transition:all .3s ease;backdrop-filter:blur(12px)}
.nexus-card:hover{background:#1a1528cc;border-color:#8353f566;box-shadow:0 12px 32px #8353f533}
.nexus-card h3{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;color:#8353F5;margin-bottom:16px}
.nexus-card p{font-size:16px;color:#b8b4c8;line-height:1.75}
.quantum-footer{background:linear-gradient(165deg,#1a1528 0%,#0a0a0f 100%);border-top:1px solid #8353f526;position:relative;overflow:hidden}
.quantum-footer::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(135deg,transparent 0%,#ac290514 50%,transparent 100%);transform:skewY(-3deg);transform-origin:top left;pointer-events:none}
.horizon-upper{padding:68px 0 48px;position:relative;z-index:1}
.horizon-upper .container{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}
.vertex-brand{display:flex;flex-direction:column;gap:18px}
.vertex-brand img{height:72px;width:72px;object-fit:contain}
.vertex-brand p{font-size:15px;color:#9d98b0;line-height:1.8}
.orbit-column h4{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:#FBFEE3;margin-bottom:22px;letter-spacing:.01em}
.orbit-column ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.orbit-column ul li a{font-size:15px;color:#b8b4c8;transition:color .25s ease;display:inline-block}
.orbit-column ul li a:hover{color:#8353F5}
.orbit-column ul li a:focus{outline:2px solid #8353F5;outline-offset:3px}
.horizon-lower{padding:28px 0;border-top:1px solid #8353f51f;position:relative;z-index:1}
.horizon-lower .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.echo-copyright{font-size:14px;color:#7d7890}
.echo-contact a{font-size:14px;color:#8353F5;transition:color .25s ease}
.echo-contact a:hover{color:#9a65ff}
.fractal-consent-overlay{position:fixed;bottom:28px;right:28px;background:#0f0a1af5;border:1px solid #8353f54d;border-radius:12px;padding:32px;max-width:420px;z-index:9999;box-shadow:0 16px 48px #0009;backdrop-filter:blur(16px);animation:slideInFromRight .45s ease-out}
@keyframes slideInFromRight {
from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.fractal-consent-overlay.hidden{display:none}
.fractal-consent-overlay h3{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:600;color:#FBFEE3;margin-bottom:16px}
.fractal-consent-overlay p{font-size:15px;color:#b8b4c8;line-height:1.7;margin-bottom:24px}
.permission-clusters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.cluster-item{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#8353f50f;border:1px solid #8353f526;border-radius:8px}
.cluster-label{font-size:14px;color:#d4d1e2;font-weight:500}
.toggle-switch{position:relative;width:50px;height:26px;background:#7d78904d;border-radius:13px;cursor:pointer;transition:background .3s ease}
.toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#7d7890;border-radius:50%;transition:all .3s ease}
.toggle-switch.active{background:linear-gradient(135deg,#AC2905,#8353F5)}
.toggle-switch.active::after{left:27px;background:#FBFEE3}
.consent-actions{display:flex;gap:12px}
.consent-actions button{flex:1;padding:12px 20px;font-size:15px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .28s ease}
.affirm-all{background:linear-gradient(135deg,#AC2905,#8353F5);color:#FBFEE3}
.affirm-all:hover{background:linear-gradient(135deg,#c92f06,#9a65ff);box-shadow:0 6px 20px #8353f566}
.decline-all{background:transparent;color:#8353F5;border:2px solid #8353F5}
.decline-all:hover{background:#8353f51a;border-color:#9a65ff;color:#9a65ff}
.consent-actions button:focus{outline:3px solid #8353f599;outline-offset:2px}
@media (max-width: 992px) {
.constellation-base{flex-direction:column;align-items:center;gap:24px}
.prism-navigation{justify-content:center}
.horizon-upper .container{grid-template-columns:1fr;gap:38px}
.fractal-consent-overlay{left:16px;right:16px;bottom:16px;max-width:none}
}
@media (max-width: 768px) {
.constellation-top{padding:28px 0}
.constellation-base{padding:18px 0}
.aurora-logo-hold img{height:70px;width:70px}
.prism-navigation{flex-direction:column;width:100%;gap:8px}
.prism-navigation a{width:100%;text-align:center}
.cascade-hero{padding:58px 0 68px}
.rhythm-cta-group{flex-direction:column;align-items:stretch}
.luminance-button{width:100%;justify-content:center}
.lattice-grid{grid-template-columns:1fr;gap:24px}
.horizon-lower .container{flex-direction:column;text-align:center}
.consent-actions{flex-direction:column}
.consent-actions button{width:100%}
}
.lernpfad-kern{background:linear-gradient(165deg,#0a0514 0%,#1a0b2e 100%);color:#e8e6f0;min-height:100vh}
.lernpfad-kern .container{max-width:1200px;margin:0 auto;padding:0 20px}
.einfuhrung-zone{padding:80px 0 60px;position:relative}
.einfuhrung-zone::before{content:'';position:absolute;top:0;left:10%;width:300px;height:300px;background:radial-gradient(circle,#8353f526 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:0}
.einfuhrung-zone .container{position:relative;z-index:1}
.einfuhrung-zone h1{font-size:3.2rem;font-weight:700;margin-bottom:30px;line-height:1.2;color:#FBFEE3}
.einfuhrung-zone h1::after{content:'';display:block;width:90px;height:4px;background:linear-gradient(90deg,#AC2905 0%,#8353F5 100%);margin-top:20px}
.einfuhrung-text-wrapper{display:flex;gap:50px;align-items:flex-start;margin-top:40px}
.einfuhrung-kolumne-links{flex:1.2}
.einfuhrung-kolumne-rechts{flex:.8;background:#8353f514;padding:35px;border-radius:12px;border-left:4px solid #8353F5}
.einfuhrung-kolumne-links p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#d4d2e0}
.einfuhrung-kolumne-rechts h4{font-size:1.3rem;color:#FBFEE3;margin-bottom:18px;font-weight:600}
.einfuhrung-kolumne-rechts p{font-size:1rem;line-height:1.7;color:#c5c3d8}
.schlusselpunkte-reihe{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}
.schlusselpunkt-karte{background:#ac290514;padding:28px;border-radius:10px;border-top:3px solid #AC2905;transition:transform .3s ease,box-shadow .3s ease}
.schlusselpunkt-karte:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8353f533}
.schlusselpunkt-karte h5{font-size:1.1rem;color:#FBFEE3;margin-bottom:12px;font-weight:600}
.schlusselpunkt-karte p{font-size:.95rem;line-height:1.6;color:#c0bed5}
.modulstruktur-gebiet{padding:90px 0;background:linear-gradient(180deg,#1a0b2e 0%,#0f0820 100%);position:relative}
.modulstruktur-gebiet::after{content:'';position:absolute;bottom:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#ac29051a 0%,transparent 70%);border-radius:50%;filter:blur(80px)}
.modulstruktur-inneres{position:relative;z-index:1}
.modulstruktur-titel{text-align:center;margin-bottom:60px}
.modulstruktur-titel h2{font-size:2.6rem;font-weight:700;color:#FBFEE3;margin-bottom:15px}
.modulstruktur-titel h2::before{content:'';display:inline-block;width:50px;height:3px;background:#8353F5;margin-right:15px;vertical-align:middle}
.modulstruktur-titel p{font-size:1.15rem;color:#b8b6ce;max-width:700px;margin:0 auto;line-height:1.7}
.modulfenster-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-top:50px}
.modulfenster-einzeln{background:linear-gradient(135deg,#8353f51f 0%,#ac290514 100%);padding:40px;border-radius:14px;border:1px solid #8353f533;position:relative;overflow:hidden}
.modulfenster-einzeln::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#fbfee314 0%,transparent 70%);border-radius:50%}
.modulfenster-kopf{display:flex;align-items:center;gap:20px;margin-bottom:25px;position:relative;z-index:1}
.modulnummer-badge{width:60px;height:60px;background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#FBFEE3;flex-shrink:0}
.modulfenster-kopf h3{font-size:1.5rem;color:#FBFEE3;font-weight:600;margin:0}
.modulfenster-korper{position:relative;z-index:1}
.modulfenster-korper p{font-size:1.05rem;line-height:1.7;color:#c8c6db;margin-bottom:20px}
.themen-liste{list-style:none;padding:0;margin:20px 0 0}
.themen-liste li{padding:10px 0 10px 30px;position:relative;font-size:.98rem;color:#bab8d0;line-height:1.6}
.themen-liste li::before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;background:#8353F5;border-radius:50%;box-shadow:0 0 8px #8353f580}
.expertenstimmen-landschaft{padding:90px 0;background:#0a0514}
.expertenstimmen-rahmen{max-width:1100px;margin:0 auto}
.expertenstimmen-rahmen h2{font-size:2.5rem;font-weight:700;color:#FBFEE3;margin-bottom:50px;text-align:center}
.expertenstimmen-rahmen h2::after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#AC2905 0%,#8353F5 100%);margin:20px auto 0}
.expertenkarten-sammlung{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.expertenkarte-box{background:linear-gradient(145deg,#8353f51a 0%,#0a0514cc 100%);border-radius:16px;padding:35px;border:1px solid #8353f526;text-align:center;transition:all .4s ease;position:relative}
.expertenkarte-box:hover{transform:translateY(-8px);border-color:#8353F5;box-shadow:0 15px 40px #8353f540}
.expertenportrat-ring{width:110px;height:110px;border-radius:50%;overflow:hidden;margin:0 auto 25px;border:4px solid #8353F5;box-shadow:0 0 20px #8353f566}
.expertenportrat-ring img{width:100%;height:100%;object-fit:cover;display:block}
.expertenkarte-box h4{font-size:1.3rem;color:#FBFEE3;margin-bottom:8px;font-weight:600}
.expertenrolle-text{font-size:.95rem;color:#AC2905;margin-bottom:20px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.expertenkarte-box p{font-size:.98rem;line-height:1.7;color:#bfbdd5}
.lernweg-navigation-basis{padding:90px 0 100px;background:linear-gradient(180deg,#0f0820 0%,#1a0b2e 100%);position:relative}
.lernweg-navigation-basis::before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#8353f54d 50%,transparent 100%)}
.lernweg-innerer-bereich{position:relative;z-index:1}
.lernweg-innerer-bereich h2{font-size:2.7rem;font-weight:700;color:#FBFEE3;text-align:center;margin-bottom:60px}
.lernweg-visuelles-bild{max-width:900px;margin:0 auto 50px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006;border:2px solid #8353f533}
.lernweg-visuelles-bild img{width:100%;height:auto;display:block}
.aktionsfeld-zentral{background:linear-gradient(135deg,#ac290526 0%,#8353f526 100%);padding:50px;border-radius:18px;text-align:center;max-width:800px;margin:0 auto;border:1px solid #8353f540}
.aktionsfeld-zentral h3{font-size:2rem;color:#FBFEE3;margin-bottom:20px;font-weight:600}
.aktionsfeld-zentral p{font-size:1.1rem;line-height:1.7;color:#c5c3d8;margin-bottom:35px}
.aktionsknopfe-leiste{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primarer-aktionsknopf{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);color:#FBFEE3;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px #8353f54d;position:relative;z-index:10}
.primarer-aktionsknopf:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8353f580;color:#FBFEE3;text-decoration:none}
.sekundarer-aktionsknopf{display:inline-block;padding:16px 40px;background:transparent;color:#FBFEE3;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;transition:all .3s ease;border:2px solid #8353F5;cursor:pointer;position:relative;z-index:10}
.sekundarer-aktionsknopf:hover{background:#8353f526;border-color:#AC2905;transform:translateY(-3px);color:#FBFEE3;text-decoration:none}
@media (max-width: 992px) {
.einfuhrung-text-wrapper{flex-direction:column}
.schlusselpunkte-reihe{grid-template-columns:1fr}
.modulfenster-raster{grid-template-columns:1fr}
.expertenkarten-sammlung{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.einfuhrung-zone h1{font-size:2.2rem}
.modulstruktur-titel h2{font-size:2rem}
.aktionsfeld-zentral{padding:35px 25px}
.aktionsknopfe-leiste{flex-direction:column;align-items:center}
.primarer-aktionsknopf,.sekundarer-aktionsknopf{width:100%;max-width:300px}
}
.scherzo__bildung--gewerblich{background:linear-gradient(165deg,#0a0514 0%,#1a0b2e 45%,#0d1628 100%);min-height:100vh;color:#e8e6f0;position:relative;overflow-x:hidden}
.scherzo__bildung--gewerblich .container{max-width:1240px;margin:0 auto;padding:0 24px}
.impasto__hero--visuell{padding:140px 0 120px;position:relative}
.impasto__hero--visuell::before{content:'';position:absolute;top:-120px;right:-15%;width:680px;height:680px;background:radial-gradient(circle,#8353f52e 0%,transparent 65%);border-radius:50%;filter:blur(80px);pointer-events:none}
.impasto__hero--visuell::after{content:'';position:absolute;bottom:-100px;left:-10%;width:540px;height:540px;background:radial-gradient(circle,#ac290524 0%,transparent 70%);border-radius:50%;filter:blur(70px);pointer-events:none}
.ritornello__titel--oberst{font-size:3.8rem;font-weight:800;line-height:1.15;margin:0 0 32px;color:#FBFEE3;letter-spacing:-.02em;max-width:880px}
.ritornello__titel--oberst span{background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}
.ritornello__titel--oberst span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#8353F5 0%,#AC2905 100%);opacity:.4}
.kantilene__einleitung--prosaisch{font-size:1.32rem;line-height:1.7;color:#c4c0d8;margin:0 0 48px;max-width:740px}
.toccata__handlung--aufruf{display:inline-flex;align-items:center;padding:18px 42px;background:linear-gradient(135deg,#AC2905 0%,#8b2204 100%);color:#FBFEE3;text-decoration:none;border-radius:8px;font-weight:700;font-size:1.08rem;transition:all .32s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px #ac290547;position:relative;z-index:10}
.toccata__handlung--aufruf::before{content:'';position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,#8353F5,#AC2905);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .32s ease}
.toccata__handlung--aufruf:hover{transform:translateY(-3px);box-shadow:0 14px 36px #ac290561}
.toccata__handlung--aufruf:hover::before{opacity:1}
.mondrian__trenner--geometrisch{height:2px;background:linear-gradient(90deg,transparent 0%,#8353F5 50%,transparent 100%);margin:0 auto;max-width:420px;opacity:.3}
.bauhaus__sektion--asymmetrisch{padding:100px 0;position:relative}
.bauhaus__sektion--asymmetrisch .container{display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:center}
.expressionismus__inhalt--narrativ{position:relative;z-index:2}
.impressionismus__untertitel--akzent{font-size:1.02rem;font-weight:600;color:#8353F5;text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;position:relative;display:inline-block}
.impressionismus__untertitel--akzent::before{content:'';position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:20px;height:2px;background:#AC2905}
.futurismus__uberschrift--dynamisch{font-size:2.8rem;font-weight:700;line-height:1.25;margin:0 0 28px;color:#FBFEE3}
.pointillismus__beschreibung--detailliert{font-size:1.12rem;line-height:1.8;color:#b8b3cc;margin:0 0 20px}
.pointillismus__beschreibung--detailliert:last-of-type{margin-bottom:0}
.kubismus__bildwand--rechteckig{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 56px #0006}
.kubismus__bildwand--rechteckig img{width:100%;height:auto;display:block;object-fit:cover}
.kubismus__bildwand--rechteckig::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#8353f526 0%,#ac29051f 100%);pointer-events:none}
.surrealismus__gitter--dreispaltig{padding:110px 0;background:linear-gradient(180deg,#8353f50d 0%,#ac29050a 100%);position:relative}
.surrealismus__gitter--dreispaltig::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#8353f54d 50%,transparent 100%)}
.dadaismus__kopf--zentriert{text-align:center;margin:0 0 72px}
.dadaismus__kopf--zentriert h3{font-size:2.6rem;font-weight:700;color:#FBFEE3;margin:0 0 18px;position:relative;display:inline-block}
.dadaismus__kopf--zentriert h3::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#8353F5 0%,#AC2905 100%);border-radius:2px}
.dadaismus__kopf--zentriert p{font-size:1.18rem;color:#b8b3cc;line-height:1.65;max-width:680px;margin:0 auto}
.neoplastizismus__kartensatz--verteilt{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.minimalismus__karte--hochformat{background:linear-gradient(165deg,#1a1028 0%,#0f0820 100%);border-radius:12px;padding:42px 32px;border:1px solid #8353f526;transition:all .35s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.minimalismus__karte--hochformat::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#8353F5 0%,#AC2905 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.minimalismus__karte--hochformat:hover{transform:translateY(-8px);border-color:#8353f566;box-shadow:0 16px 48px #8353f533}
.minimalismus__karte--hochformat:hover::before{transform:scaleX(1)}
.romantik__portrait--rundlich{width:84px;height:84px;border-radius:50%;overflow:hidden;margin:0 0 24px;border:3px solid #8353f54d;box-shadow:0 8px 24px #0000004d}
.romantik__portrait--rundlich img{width:100%;height:100%;object-fit:cover;display:block}
.klassizismus__name--fett h5{font-size:1.28rem;font-weight:700;color:#FBFEE3;margin:0 0 6px}
.klassizismus__name--fett h6{font-size:.96rem;font-weight:500;color:#8353F5;margin:0 0 20px;text-transform:uppercase;letter-spacing:.08em}
.abstraktion__zitat--kursiv{font-size:1.06rem;line-height:1.75;color:#c4c0d8;font-style:italic;position:relative;padding-left:24px}
.abstraktion__zitat--kursiv::before{content:'"';position:absolute;left:0;top:-8px;font-size:2.4rem;color:#AC2905;font-family:Georgia,serif;line-height:1}
.jugendstil__abschluss--zweikolumnen{padding:120px 0;background:linear-gradient(180deg,#0a0514 0%,#120820 100%);position:relative}
.jugendstil__abschluss--zweikolumnen::before{content:'';position:absolute;top:50%;left:-120px;transform:translateY(-50%);width:480px;height:480px;background:radial-gradient(circle,#ac290529 0%,transparent 70%);border-radius:50%;filter:blur(90px);pointer-events:none}
.jugendstil__abschluss--zweikolumnen .container{display:grid;grid-template-columns:0.9fr 1.1fr;gap:60px;align-items:center}
.rokoko__visuell--quadratisch{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 52px #00000073}
.rokoko__visuell--quadratisch img{width:100%;height:100%;object-fit:cover;display:block}
.gotik__finale--text h4{font-size:2.4rem;font-weight:700;color:#FBFEE3;line-height:1.3;margin:0 0 24px}
.gotik__finale--text h4 span{color:#8353F5}
.barock__prosa--fliessend{font-size:1.14rem;line-height:1.8;color:#b8b3cc;margin:0 0 36px}
.renaissance__button--sekundar{display:inline-flex;align-items:center;padding:16px 38px;background:transparent;color:#8353F5;text-decoration:none;border:2px solid #8353F5;border-radius:8px;font-weight:600;font-size:1.04rem;transition:all .3s ease;position:relative;z-index:10}
.renaissance__button--sekundar:hover{background:#8353f51f;border-color:#AC2905;color:#AC2905;transform:translateX(4px)}
@media (max-width: 1024px) {
.scherzo__bildung--gewerblich .container{max-width:100%;padding:0 20px}
.ritornello__titel--oberst{font-size:3rem}
.bauhaus__sektion--asymmetrisch .container{grid-template-columns:1fr;gap:50px}
.neoplastizismus__kartensatz--verteilt{grid-template-columns:repeat(2,1fr);gap:28px}
.jugendstil__abschluss--zweikolumnen .container{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.impasto__hero--visuell{padding:100px 0 80px}
.ritornello__titel--oberst{font-size:2.4rem;margin-bottom:24px}
.kantilene__einleitung--prosaisch{font-size:1.18rem;margin-bottom:36px}
.toccata__handlung--aufruf{padding:16px 36px;font-size:1rem}
.bauhaus__sektion--asymmetrisch{padding:70px 0}
.futurismus__uberschrift--dynamisch{font-size:2.2rem}
.pointillismus__beschreibung--detailliert{font-size:1.06rem}
.surrealismus__gitter--dreispaltig{padding:80px 0}
.dadaismus__kopf--zentriert{margin-bottom:50px}
.dadaismus__kopf--zentriert h3{font-size:2.1rem}
.neoplastizismus__kartensatz--verteilt{grid-template-columns:1fr;gap:24px}
.jugendstil__abschluss--zweikolumnen{padding:80px 0}
.gotik__finale--text h4{font-size:2rem}
}
@media (max-width: 480px) {
.ritornello__titel--oberst{font-size:2rem}
.kantilene__einleitung--prosaisch{font-size:1.08rem}
.futurismus__uberschrift--dynamisch{font-size:1.9rem}
.dadaismus__kopf--zentriert h3{font-size:1.8rem}
.minimalismus__karte--hochformat{padding:32px 24px}
.gotik__finale--text h4{font-size:1.75rem}
.impressionismus__untertitel--akzent::before{display:none}
}
.vxl_hero{background:linear-gradient(165deg,#0a0118 0%,#1a0d2e 50%,#0f0620 100%);min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:80px 0}
.vxl_hero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#8353f526 0%,transparent 70%);border-radius:50%}
.vxl_hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#ac29051f 0%,transparent 70%);border-radius:50%}
.vxl_hero .container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.vxl_hero__grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center}
.vxl_hero__txt h1{font-size:3.8rem;font-weight:800;line-height:1.15;margin-bottom:28px;color:#FBFEE3;letter-spacing:-.02em}
.vxl_hero__txt h1 span{background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.vxl_hero__txt p{font-size:1.25rem;line-height:1.7;color:#fbfee3d9;margin-bottom:35px;max-width:540px}
.vxl_hero__btns{display:flex;gap:18px;flex-wrap:wrap}
.btn_prime{background:linear-gradient(135deg,#AC2905 0%,#8c2104 100%);color:#FBFEE3;padding:16px 36px;border-radius:8px;font-weight:600;font-size:1.05rem;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 15px #ac29054d}
.btn_prime:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ac290573;color:#FBFEE3}
.btn_sec{background:transparent;color:#8353F5;padding:16px 36px;border-radius:8px;font-weight:600;font-size:1.05rem;text-decoration:none;display:inline-block;border:2px solid #8353F5;transition:all .3s ease}
.btn_sec:hover{background:#8353f51a;transform:translateY(-2px);color:#8353F5}
.vxl_hero__visual{position:relative}
.vxl_hero__visual img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000080;border:1px solid #8353f533}
.phase_intro{background:#0d0518;padding:100px 0;position:relative}
.phase_intro::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#8353F5 50%,transparent 100%)}
.phase_intro .container{max-width:1200px;margin:0 auto}
.phase_intro__header{text-align:center;margin-bottom:70px}
.phase_intro__header h2{font-size:2.8rem;font-weight:700;color:#FBFEE3;margin-bottom:20px;position:relative;display:inline-block}
.phase_intro__header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#AC2905 0%,#8353F5 100%);border-radius:2px}
.phase_intro__header p{font-size:1.15rem;color:#fbfee3bf;max-width:720px;margin:30px auto 0;line-height:1.7}
.phase_intro__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.crd_feat{background:linear-gradient(145deg,#130920 0%,#0f0518 100%);padding:40px 32px;border-radius:12px;border:1px solid #8353f526;transition:all .35s ease;position:relative;overflow:hidden}
.crd_feat::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8353f50d 0%,transparent 100%);opacity:0;transition:opacity .35s ease}
.crd_feat:hover{transform:translateY(-5px);border-color:#8353f566;box-shadow:0 15px 40px #8353f526}
.crd_feat:hover::before{opacity:1}
.crd_feat__icon{width:60px;height:60px;background:linear-gradient(135deg,#ac290533 0%,#8353f533 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid #8353f54d}
.crd_feat__icon svg{width:28px;height:28px}
.crd_feat h3{font-size:1.4rem;font-weight:600;color:#FBFEE3;margin-bottom:14px}
.crd_feat p{font-size:1rem;line-height:1.65;color:#fbfee3b3;margin:0}
.epoch_visual{background:linear-gradient(180deg,#0d0518 0%,#1a0d2e 100%);padding:90px 0}
.epoch_visual .container{max-width:1200px;margin:0 auto}
.epoch_visual__layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.epoch_visual__img{position:relative}
.epoch_visual__img img{width:100%;height:auto;border-radius:12px;box-shadow:0 15px 50px #0006;border:1px solid #ac290533}
.epoch_visual__txt h2{font-size:2.6rem;font-weight:700;color:#FBFEE3;margin-bottom:26px;line-height:1.25}
.epoch_visual__txt h2::before{content:'';display:block;width:50px;height:4px;background:#AC2905;margin-bottom:20px;border-radius:2px}
.epoch_visual__txt p{font-size:1.08rem;line-height:1.75;color:#fbfee3c7;margin-bottom:22px}
.epoch_visual__txt ul{list-style:none;padding:0;margin:28px 0}
.epoch_visual__txt ul li{font-size:1.05rem;color:#fbfee3bf;padding-left:32px;margin-bottom:16px;position:relative;line-height:1.6}
.epoch_visual__txt ul li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#AC2905 0%,#8353F5 100%);border-radius:3px}
.cycle_pathway{background:#0a0118;padding:100px 0;position:relative}
.cycle_pathway::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;height:1px;background:linear-gradient(90deg,transparent 0%,#8353f580 50%,transparent 100%)}
.cycle_pathway .container{max-width:1200px;margin:0 auto}
.cycle_pathway__header{text-align:center;margin-bottom:65px}
.cycle_pathway__header h2{font-size:2.7rem;font-weight:700;color:#FBFEE3;margin-bottom:18px}
.cycle_pathway__header h5{font-size:1.12rem;color:#8353F5;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}
.cycle_pathway__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.step_card{background:linear-gradient(145deg,#110720 0%,#0d0518 100%);padding:45px 38px;border-radius:14px;border:1px solid #8353f533;position:relative;transition:all .3s ease}
.step_card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ac29054d 0%,#8353f54d 100%);border-radius:14px;opacity:0;transition:opacity .3s ease;z-index:-1}
.step_card:hover::before{opacity:1}
.step_card:hover{transform:translateY(-3px)}
.step_card__num{position:absolute;top:25px;right:25px;width:50px;height:50px;background:#8353f526;border:2px solid #8353F5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#8353F5}
.step_card h4{font-size:1.5rem;font-weight:600;color:#FBFEE3;margin-bottom:16px;padding-right:60px}
.step_card p{font-size:1.02rem;line-height:1.7;color:#fbfee3b8;margin:0}
.moment_split{background:linear-gradient(180deg,#1a0d2e 0%,#0d0518 100%);padding:95px 0}
.moment_split .container{max-width:1200px;margin:0 auto}
.moment_split__layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:55px;align-items:center}
.moment_split__content h2{font-size:2.65rem;font-weight:700;color:#FBFEE3;margin-bottom:24px;line-height:1.2}
.moment_split__content h2 span{color:#AC2905}
.moment_split__content h6{font-size:1.05rem;color:#8353F5;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}
.moment_split__content p{font-size:1.08rem;line-height:1.75;color:#fbfee3c2;margin-bottom:30px}
.moment_split__img img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 55px #00000073;border:1px solid #8353f540}
.rhythm_voice{background:#0a0118;padding:100px 0}
.rhythm_voice .container{max-width:1200px;margin:0 auto}
.rhythm_voice__header{text-align:center;margin-bottom:60px}
.rhythm_voice__header h2{font-size:2.7rem;font-weight:700;color:#FBFEE3;margin-bottom:18px}
.rhythm_voice__header p{font-size:1.12rem;color:#fbfee3bf;max-width:680px;margin:0 auto;line-height:1.7}
.rhythm_voice__wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.voice_box{background:linear-gradient(145deg,#110720 0%,#0a0118 100%);padding:42px 36px;border-radius:12px;border:1px solid #ac290533;position:relative}
.voice_box__top{display:flex;gap:20px;margin-bottom:24px;align-items:center}
.voice_box__avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid #8353F5;flex-shrink:0}
.voice_box__avatar img{width:100%;height:100%;object-fit:cover}
.voice_box__meta h5{font-size:1.25rem;font-weight:600;color:#FBFEE3;margin-bottom:6px}
.voice_box__meta p{font-size:.95rem;color:#fbfee3a6;margin:0}
.voice_box__quote{font-size:1.05rem;line-height:1.7;color:#fbfee3c7;font-style:italic;position:relative;padding-left:24px}
.voice_box__quote::before{content:'"';position:absolute;left:0;top:-5px;font-size:2.5rem;color:#AC2905;font-family:Georgia,serif;line-height:1}
.pulse_final{background:linear-gradient(165deg,#0d0518 0%,#1a0d2e 50%,#0a0118 100%);padding:110px 0;position:relative;overflow:hidden}
.pulse_final::before{content:'';position:absolute;top:-40%;left:-15%;width:700px;height:700px;background:radial-gradient(circle,#ac29051f 0%,transparent 70%);border-radius:50%}
.pulse_final .container{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.pulse_final__inner{background:linear-gradient(145deg,#8353f514 0%,#ac290514 100%);padding:75px 60px;border-radius:16px;border:2px solid #8353f540;text-align:center}
.pulse_final__inner h2{font-size:3rem;font-weight:700;color:#FBFEE3;margin-bottom:22px;line-height:1.2}
.pulse_final__inner p{font-size:1.2rem;line-height:1.7;color:#fbfee3cc;margin-bottom:40px;max-width:750px;margin-left:auto;margin-right:auto}
.pulse_final__btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
@media (max-width: 992px) {
.vxl_hero__grid{grid-template-columns:1fr;gap:45px}
.vxl_hero__txt h1{font-size:3rem}
.phase_intro__grid{grid-template-columns:1fr;gap:28px}
.epoch_visual__layout{grid-template-columns:1fr;gap:40px}
.cycle_pathway__grid{grid-template-columns:1fr;gap:30px}
.moment_split__layout{grid-template-columns:1fr;gap:40px}
.rhythm_voice__wrap{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.vxl_hero{min-height:auto;padding:60px 0}
.vxl_hero__txt h1{font-size:2.4rem}
.vxl_hero__txt p{font-size:1.1rem}
.vxl_hero__btns{flex-direction:column}
.btn_prime,.btn_sec{width:100%;text-align:center}
.phase_intro__header h2{font-size:2.2rem}
.epoch_visual__txt h2{font-size:2.1rem}
.cycle_pathway__header h2{font-size:2.2rem}
.moment_split__content h2{font-size:2.1rem}
.rhythm_voice__header h2{font-size:2.2rem}
.pulse_final__inner{padding:50px 30px}
.pulse_final__inner h2{font-size:2.3rem}
.pulse_final__btns{flex-direction:column}
}
@media (max-width: 576px) {
.vxl_hero__txt h1{font-size:2rem}
.phase_intro{padding:70px 0}
.epoch_visual{padding:70px 0}
.cycle_pathway{padding:70px 0}
.moment_split{padding:70px 0}
.rhythm_voice{padding:70px 0}
.pulse_final{padding:80px 0}
.crd_feat{padding:32px 24px}
.step_card{padding:35px 28px}
.voice_box{padding:32px 24px}
}
.nexus-kp{background:linear-gradient(165deg,#0a0514 0%,#1a0b2e 35%,#0d0819 100%);color:#e8e4f0;min-height:100vh;position:relative;overflow-x:hidden}
.nexus-kp::before{content:'';position:absolute;top:0;left:0;right:0;height:420px;background:radial-gradient(ellipse at top,#8353f526,transparent 70%);pointer-events:none}
.kontakt-haupt{max-width:1200px;margin:0 auto;padding:80px 20px 100px;position:relative;z-index:2}
.obertitel-zone{text-align:center;margin-bottom:65px}
.obertitel-zone h1{font-size:2.8rem;font-weight:700;color:#FBFEE3;margin-bottom:18px;letter-spacing:-.5px;line-height:1.15}
.obertitel-zone .untersatz{font-size:1.15rem;color:#b8afc8;max-width:580px;margin:0 auto;line-height:1.6}
.doppelstruktur{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start}
.infokasten-links{background:linear-gradient(135deg,#ac290514 0%,#8353f51f 100%);border:1px solid #8353f540;border-radius:16px;padding:45px 35px;position:sticky;top:30px}
.infokasten-links h3{font-size:1.5rem;color:#FBFEE3;margin-bottom:28px;font-weight:600}
.kontaktpunkt{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #8353f526}
.kontaktpunkt:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.kontaktpunkt h5{font-size:.85rem;text-transform:uppercase;letter-spacing:1.2px;color:#8353F5;margin-bottom:10px;font-weight:600}
.kontaktpunkt p{color:#d4cfdd;font-size:1rem;line-height:1.7;margin:0}
.kontaktpunkt a{color:#FBFEE3;text-decoration:none;transition:color .25s ease}
.kontaktpunkt a:hover{color:#AC2905}
.bildrahmen-deko{margin-top:35px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 28px #0006}
.bildrahmen-deko::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#0a051499 100%);pointer-events:none}
.bildrahmen-deko img{width:100%;height:260px;object-fit:cover;display:block}
.formular-bereich{background:#0f081c99;border:1px solid #fbfee31f;border-radius:18px;padding:50px 45px;backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000059}
.formular-bereich h2{font-size:2rem;color:#FBFEE3;margin-bottom:12px;font-weight:600}
.formular-bereich .intro-txt{color:#b8afc8;font-size:1.05rem;margin-bottom:38px;line-height:1.65}
.eingabe-gruppe{margin-bottom:28px}
.eingabe-gruppe label{display:block;font-size:.95rem;color:#d4cfdd;margin-bottom:9px;font-weight:500}
.eingabe-gruppe input,.eingabe-gruppe textarea,.eingabe-gruppe select{width:100%;background:#0a0514bf;border:1px solid #8353f54d;border-radius:10px;padding:14px 18px;color:#e8e4f0;font-size:1rem;transition:all .3s ease;font-family:inherit}
.eingabe-gruppe input:focus,.eingabe-gruppe textarea:focus,.eingabe-gruppe select:focus{outline:none;border-color:#8353F5;background:#0a0514e6;box-shadow:0 0 0 3px #8353f526}
.eingabe-gruppe textarea{resize:vertical;min-height:140px}
.eingabe-gruppe select{cursor:pointer}
.datenschutz-box{background:#ac290514;border:1px solid #ac290540;border-radius:10px;padding:20px;margin:35px 0 32px}
.datenschutz-box label{display:flex;align-items:start;gap:12px;cursor:pointer;color:#d4cfdd;font-size:.95rem;line-height:1.6}
.datenschutz-box input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.datenschutz-box a{color:#8353F5;text-decoration:underline;transition:color .25s ease}
.datenschutz-box a:hover{color:#FBFEE3}
.senden-knopf{background:linear-gradient(135deg,#AC2905 0%,#8353F5 100%);color:#FBFEE3;border:none;border-radius:12px;padding:16px 48px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ac29054d;position:relative;z-index:5}
.senden-knopf:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ac290580}
.senden-knopf:active{transform:translateY(0)}
.raster-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media (max-width: 992px) {
.doppelstruktur{grid-template-columns:1fr;gap:50px}
.infokasten-links{position:static}
.raster-duo{grid-template-columns:1fr}
.kontakt-haupt{padding:60px 18px 80px}
.obertitel-zone h1{font-size:2.2rem}
.formular-bereich{padding:40px 28px}
}
@media (max-width: 576px) {
.obertitel-zone h1{font-size:1.85rem}
.obertitel-zone .untersatz{font-size:1.05rem}
.formular-bereich h2{font-size:1.65rem}
.infokasten-links{padding:35px 25px}
.bildrahmen-deko img{height:200px}
}
.aether_hero_zone{background:linear-gradient(135deg,#0a0a0a 0%,#1a0f2e 50%,#0d0d0d 100%);padding:120px 0 80px;position:relative;overflow:hidden}
.aether_hero_zone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#8353f526 0%,transparent 70%);border-radius:50%;animation:pulse_glow 8s ease-in-out infinite}
@keyframes pulse_glow {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.aether_hero_zone .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.orbit_title_main{font-size:3.8rem;font-weight:700;color:#FBFEE3;margin-bottom:24px;line-height:1.15;letter-spacing:-.02em}
.orbit_title_main::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#AC2905 0%,#8353F5 100%);margin-top:20px;border-radius:2px}
.lumina_text_lead{font-size:1.35rem;line-height:1.7;color:#e8e8e8;max-width:720px;margin-bottom:40px}
.nexus_chronicle_frame{background:#0f0f0f;padding:80px 0;position:relative}
.nexus_chronicle_frame .container{max-width:1240px;margin:0 auto;padding:0 20px}
.quantum_section_header{text-align:center;margin-bottom:70px}
.quantum_section_header h2{font-size:2.8rem;font-weight:700;color:#FBFEE3;margin-bottom:16px;position:relative;display:inline-block}
.quantum_section_header h2::before{content:'';position:absolute;left:-60px;top:50%;width:45px;height:2px;background:#8353F5;transform:translateY(-50%)}
.quantum_section_header h2::after{content:'';position:absolute;right:-60px;top:50%;width:45px;height:2px;background:#AC2905;transform:translateY(-50%)}
.quantum_section_header .subtitle_stream{font-size:1.15rem;color:#b8b8b8;max-width:640px;margin:0 auto;line-height:1.6}
.phase_timeline_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-top:60px}
.milestone_capsule{background:linear-gradient(145deg,#151515 0%,#0d0d0d 100%);border-radius:16px;padding:40px 30px;border:1px solid #8353f533;position:relative;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.milestone_capsule::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#AC2905 0%,#8353F5 100%);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}
.milestone_capsule:hover{transform:translateY(-8px);box-shadow:0 12px 40px #8353f540;border-color:#8353f580}
.milestone_capsule:hover::before{opacity:1}
.year_marker{display:inline-block;font-size:.95rem;font-weight:600;color:#AC2905;background:#ac290526;padding:6px 16px;border-radius:20px;margin-bottom:20px;letter-spacing:.5px}
.milestone_capsule h4{font-size:1.55rem;font-weight:600;color:#FBFEE3;margin-bottom:14px;line-height:1.3}
.milestone_capsule p{font-size:1.05rem;line-height:1.65;color:#c5c5c5;margin:0}
.spiral_vision_block{background:linear-gradient(165deg,#1a0f2e 0%,#0a0a0a 50%,#0f0f0f 100%);padding:90px 0;position:relative}
.spiral_vision_block::after{content:'';position:absolute;bottom:-100px;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#ac29051f 0%,transparent 65%);border-radius:50%}
.spiral_vision_block .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.binary_split_layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center}
.vision_text_column h3{font-size:2.6rem;font-weight:700;color:#FBFEE3;margin-bottom:28px;line-height:1.25}
.vision_text_column h3 span{color:#8353F5;position:relative}
.vision_text_column h3 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#8353F5 0%,#AC2905 100%);border-radius:2px}
.vision_text_column p{font-size:1.15rem;line-height:1.75;color:#d0d0d0;margin-bottom:20px}
.vision_text_column p:last-of-type{margin-bottom:0}
.prism_image_holder{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 15px 50px #0006}
.prism_image_holder img{width:100%;height:auto;display:block;border-radius:20px;transition:transform .5s ease}
.prism_image_holder:hover img{transform:scale(1.05)}
.prism_image_holder::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8353f533 0%,#ac290526 100%);opacity:0;transition:opacity .4s ease;border-radius:20px;z-index:1}
.prism_image_holder:hover::before{opacity:1}
.axiom_team_realm{background:#0d0d0d;padding:85px 0;position:relative}
.axiom_team_realm .container{max-width:1180px;margin:0 auto;padding:0 20px}
.axiom_team_realm h3{font-size:2.7rem;font-weight:700;color:#FBFEE3;text-align:center;margin-bottom:20px;position:relative}
.axiom_team_realm h3::before{content:'';position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#AC2905 0%,#8353F5 100%);border-radius:2px}
.team_intro_para{text-align:center;font-size:1.12rem;line-height:1.7;color:#bfbfbf;max-width:680px;margin:40px auto 60px}
.persona_zigzag_flow{display:grid;gap:70px}
.persona_row_unit{display:grid;grid-template-columns:0.85fr 1.15fr;gap:50px;align-items:center}
.persona_row_unit:nth-child(even){grid-template-columns:1.15fr 0.85fr}
.persona_row_unit:nth-child(even) .persona_photo_frame{order:2}
.persona_row_unit:nth-child(even) .persona_info_block{order:1}
.persona_photo_frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #00000059}
.persona_photo_frame img{width:100%;height:auto;display:block;border-radius:16px}
.persona_photo_frame::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,#0a0a0ab3 100%);border-radius:16px}
.persona_info_block h5{font-size:2rem;font-weight:600;color:#FBFEE3;margin-bottom:8px;line-height:1.3}
.role_label_tag{display:inline-block;font-size:.92rem;font-weight:500;color:#8353F5;background:#8353f526;padding:5px 14px;border-radius:16px;margin-bottom:20px;letter-spacing:.3px}
.persona_info_block p{font-size:1.08rem;line-height:1.7;color:#c8c8c8;margin:0}
.echo_values_matrix{background:linear-gradient(155deg,#0f0f0f 0%,#1a0f2e 100%);padding:80px 0;position:relative;overflow:hidden}
.echo_values_matrix::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,#ac290514 0%,transparent 70%);border-radius:50%}
.echo_values_matrix .container{max-width:1220px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.echo_values_matrix h3{font-size:2.65rem;font-weight:700;color:#FBFEE3;text-align:center;margin-bottom:60px;line-height:1.2}
.value_card_mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.value_card_cell{background:#0f0f0f99;backdrop-filter:blur(10px);border:1px solid #fbfee31a;border-radius:14px;padding:36px 28px;transition:all .35s ease;position:relative}
.value_card_cell::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#AC2905 0%,#8353F5 100%);border-radius:14px 0 0 14px;opacity:0;transition:opacity .3s ease}
.value_card_cell:hover{transform:translateY(-6px);box-shadow:0 10px 30px #8353f533;border-color:#8353f54d}
.value_card_cell:hover::before{opacity:1}
.value_card_cell h6{font-size:1.5rem;font-weight:600;color:#FBFEE3;margin-bottom:14px;line-height:1.3}
.value_card_cell p{font-size:1.05rem;line-height:1.65;color:silver;margin:0}
.flux_gallery_domain{background:#0a0a0a;padding:85px 0 100px}
.flux_gallery_domain .container{max-width:1260px;margin:0 auto;padding:0 20px}
.flux_gallery_domain h3{font-size:2.7rem;font-weight:700;color:#FBFEE3;text-align:center;margin-bottom:22px}
.gallery_subtitle_flow{text-align:center;font-size:1.14rem;line-height:1.65;color:#b5b5b5;max-width:660px;margin:0 auto 65px}
.image_triad_assembly{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.gallery_image_shell{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #0000004d;transition:transform .4s ease}
.gallery_image_shell img{width:100%;height:320px;object-fit:cover;display:block;border-radius:14px;transition:all .5s ease}
.gallery_image_shell:hover{transform:scale(1.03)}
.gallery_image_shell:hover img{filter:brightness(1.1)}
.gallery_image_shell::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 50%,#00000080 100%);opacity:0;transition:opacity .4s ease;border-radius:14px}
.gallery_image_shell:hover::after{opacity:1}
@media (max-width: 1024px) {
.orbit_title_main{font-size:3rem}
.quantum_section_header h2::before,.quantum_section_header h2::after{display:none}
.binary_split_layout{grid-template-columns:1fr;gap:45px}
.persona_row_unit,.persona_row_unit:nth-child(even){grid-template-columns:1fr;gap:35px}
.persona_row_unit:nth-child(even) .persona_photo_frame,.persona_row_unit:nth-child(even) .persona_info_block{order:unset}
.image_triad_assembly{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.aether_hero_zone{padding:80px 0 60px}
.orbit_title_main{font-size:2.4rem}
.lumina_text_lead{font-size:1.15rem}
.quantum_section_header h2{font-size:2.2rem}
.phase_timeline_grid{grid-template-columns:1fr;gap:35px}
.vision_text_column h3{font-size:2.1rem}
.axiom_team_realm h3{font-size:2.2rem}
.persona_info_block h5{font-size:1.7rem}
.echo_values_matrix h3{font-size:2.2rem}
.value_card_mosaic{grid-template-columns:1fr}
.flux_gallery_domain h3{font-size:2.2rem}
.image_triad_assembly{grid-template-columns:1fr}
.gallery_image_shell img{height:280px}
}
@media (max-width: 480px) {
.orbit_title_main{font-size:2rem}
.lumina_text_lead{font-size:1.05rem}
.quantum_section_header h2{font-size:1.85rem}
.vision_text_column h3{font-size:1.8rem}
.axiom_team_realm h3,.echo_values_matrix h3,.flux_gallery_domain h3{font-size:1.9rem}
}
.data-preferences-wrapper{background:linear-gradient(135deg,#0a0a0f 0%,#1c1428 100%);color:#e8e8f0;padding:3rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;line-height:1.7;min-height:100vh}
.data-preferences-container{max-width:920px;margin:0 auto;background:#0f0a19b3;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 8px 32px #8353f526}
.data-preferences-container h1{font-size:2.8rem;font-weight:700;color:#FBFEE3;margin:0 0 2rem;background:linear-gradient(120deg,#FBFEE3 0%,#8353F5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}
.data-preferences-container h2{font-size:2rem;font-weight:600;color:#8353F5;margin:3rem 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #8353f54d}
.data-preferences-container h3{font-size:1.5rem;font-weight:600;color:#AC2905;margin:2.5rem 0 1.2rem}
.data-preferences-container h4{font-size:1.2rem;font-weight:500;color:#FBFEE3;margin:2rem 0 1rem}
.data-preferences-container p{margin:1.2rem 0;color:#d4d4dd;font-size:1.05rem}
.data-preferences-container ul{list-style:none;padding:0;margin:1.5rem 0}
.data-preferences-container li{padding:1rem 1.5rem;margin:.8rem 0;background:#8353f514;border-left:3px solid #8353F5;border-radius:8px;color:#d4d4dd;transition:all .3s ease}
.data-preferences-container li:hover{background:#8353f526;border-left-color:#AC2905;transform:translateX(5px);box-shadow:0 4px 16px #8353f533}
.data-preferences-container div{margin:1.5rem 0}
.data-preferences-container span{color:#8353F5;font-weight:500}
.privacy-policy-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;background:linear-gradient(135deg,#0a0a0f 0%,#1a0e2e 50%,#0f0a1a 100%);color:#e8e8f0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;position:relative}
.privacy-policy-container::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#AC2905,#8353F5);box-shadow:0 0 20px #8353f566}
.privacy-policy-container h1{font-size:2.8rem;font-weight:700;color:#FBFEE3;margin-bottom:1.5rem;text-shadow:0 0 30px #fbfee333;letter-spacing:-.02em}
.privacy-policy-container h2{font-size:2rem;font-weight:600;color:#FBFEE3;margin-top:3rem;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid #8353f54d;position:relative}
.privacy-policy-container h2::after{content:'';position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#8353F5,#AC2905);box-shadow:0 0 10px #8353f580}
.privacy-policy-container h3{font-size:1.5rem;font-weight:600;color:#8353F5;margin-top:2rem;margin-bottom:1rem;text-shadow:0 0 15px #8353f54d}
.privacy-policy-container h4{font-size:1.2rem;font-weight:600;color:#AC2905;margin-top:1.5rem;margin-bottom:.8rem}
.privacy-policy-container p{margin-bottom:1.2rem;color:#d0d0dc;font-size:1.05rem}
.privacy-policy-container .intro-section{background:linear-gradient(135deg,#8353f514 0%,#ac290514 100%);padding:2rem;border-radius:12px;margin-bottom:2.5rem;border-left:4px solid #8353F5;box-shadow:0 4px 20px #0006}
.privacy-policy-container ul{list-style:none;padding:0;margin:1.5rem 0}
.privacy-policy-container li{padding:.9rem 0 .9rem 2.5rem;margin-bottom:.8rem;background:#8353f50d;border-radius:8px;position:relative;color:#d0d0dc;transition:all .3s ease;border-left:3px solid transparent}
.privacy-policy-container li:hover{background:#8353f51f;border-left-color:#8353F5;box-shadow:0 2px 12px #8353f533;transform:translateX(4px)}
.privacy-policy-container li::before{content:'→';position:absolute;left:1rem;color:#AC2905;font-weight:700;font-size:1.2rem}
.privacy-policy-container .content-section{margin-bottom:2rem;padding:1.5rem;background:#0a0a0f99;border-radius:10px;box-shadow:0 2px 15px #0000004d}
.privacy-policy-container .highlight-box{background:linear-gradient(135deg,#ac290526 0%,#8353f526 100%);padding:1.5rem;border-radius:10px;margin:1.5rem 0;border:1px solid #8353f54d;box-shadow:0 0 20px #8353f51a}
.privacy-policy-container span.emphasis{color:#FBFEE3;font-weight:600}
.privacy-policy-container .section-divider{height:1px;background:linear-gradient(90deg,transparent,#8353f566,transparent);margin:2.5rem 0}
.confetti_layer{background:linear-gradient(165deg,#0a0118 0%,#1a0633 35%,#0d021f 100%);min-height:85vh;position:relative;overflow:hidden}
.confetti_layer::before{content:'';position:absolute;top:-50%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 30% 40%,#8353f514 0%,transparent 50%),radial-gradient(circle at 70% 60%,#ac29050f 0%,transparent 50%);animation:pulse_ambient 8s ease-in-out infinite}
@keyframes pulse_ambient {
0%,100%{transform:scale(1) rotate(0deg);opacity:.6}
50%{transform:scale(1.1) rotate(5deg);opacity:.9}
}
.verification_bubble{max-width:720px;margin:0 auto;padding:80px 30px;position:relative;z-index:2}
.icon_pulse-wrap{width:140px;height:140px;margin:0 auto 45px;position:relative}
.icon_pulse-wrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#8353f526;border-radius:50%;animation:ripple_effect 2.5s ease-out infinite}
@keyframes ripple_effect {
0%{transform:translate(-50%,-50%) scale(0.8);opacity:1}
100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}
}
.checkmark_visual{position:relative;z-index:2;width:140px;height:140px;background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 45px #8353f54d}
.checkmark_visual svg{width:75px;height:75px;stroke:#FBFEE3;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:draw_check .8s ease-out .3s forwards}
@keyframes draw_check {
to{stroke-dashoffset:0}
}
.main_declaration{font-size:2.8rem;font-weight:800;color:#FBFEE3;text-align:center;margin-bottom:25px;line-height:1.2;letter-spacing:-.02em}
.subdeclaration{font-size:1.2rem;color:#fbfee3bf;text-align:center;margin-bottom:55px;line-height:1.6}
.notification_card{background:#8353f514;border:1px solid #8353f533;border-radius:16px;padding:35px;margin-bottom:45px;backdrop-filter:blur(10px)}
.notification_card h4{font-size:1.3rem;color:#FBFEE3;margin-bottom:18px;font-weight:700}
.notification_card p{color:#fbfee3cc;line-height:1.7;margin-bottom:0}
.action_zone{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:50px}
.btn_primary-glow{background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);color:#FBFEE3;padding:18px 42px;border-radius:12px;font-weight:700;font-size:1.05rem;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 25px #8353f540;border:none;cursor:pointer}
.btn_primary-glow:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8353f566;color:#FBFEE3}
.btn_outline-soft{background:transparent;color:#FBFEE3;padding:18px 42px;border-radius:12px;font-weight:600;font-size:1.05rem;text-decoration:none;display:inline-block;border:2px solid #fbfee34d;transition:all .3s ease;cursor:pointer}
.btn_outline-soft:hover{background:#fbfee314;border-color:#fbfee380;color:#FBFEE3;transform:translateY(-2px)}
.timeline_compact{background:#ac29050f;border-left:3px solid #AC2905;padding:28px 30px;border-radius:10px;margin-top:40px}
.timeline_compact h5{font-size:1.1rem;color:#FBFEE3;margin-bottom:16px;font-weight:700}
.step_inline{display:flex;align-items:flex-start;gap:20px;margin-bottom:22px;padding-left:10px}
.step_inline:last-child{margin-bottom:0}
.step_marker{min-width:36px;width:36px;height:36px;background:linear-gradient(135deg,#8353F5 0%,#AC2905 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#FBFEE3;font-size:.95rem;flex-shrink:0;margin-top:2px}
.step_content{flex:1;padding-top:6px}
.step_content p{color:#fbfee3d9;line-height:1.6;margin:0}
@media (max-width: 768px) {
.confetti_layer{min-height:auto;padding:40px 0}
.verification_bubble{padding:50px 20px}
.icon_pulse-wrap{width:110px;height:110px;margin-bottom:35px}
.checkmark_visual{width:110px;height:110px}
.checkmark_visual svg{width:60px;height:60px}
.main_declaration{font-size:2rem;margin-bottom:20px}
.subdeclaration{font-size:1.05rem;margin-bottom:40px}
.notification_card{padding:25px 20px;margin-bottom:35px}
.notification_card h4{font-size:1.15rem;margin-bottom:14px}
.action_zone{flex-direction:column;gap:15px;margin-top:35px}
.btn_primary-glow,.btn_outline-soft{width:100%;text-align:center;padding:16px 30px}
.timeline_compact{padding:22px 18px;margin-top:30px}
.step_inline{gap:15px;padding-left:0}
.step_marker{min-width:32px;width:32px;height:32px;font-size:.9rem}
}