@import "https://fonts.cdnfonts.com/css/manrope";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{color:#1a1d2e;background:#fafbfc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:17px/1.7 'Manrope',-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .3s ease}
button{cursor:pointer;border:none;font-family:inherit}
.phi_vessel_central{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.axiom_header_realm{background:linear-gradient(135deg,#F2F6F9 0%,#e8eef3 100%);border-bottom:1px solid #309df51f;padding-top:0;padding-bottom:0}
.geo_hierarchy_prime{display:flex;flex-direction:column;gap:0}
.stratum_alpha_prominence{display:flex;align-items:center;justify-content:center;padding-top:22px;padding-bottom:18px;border-bottom:1px solid #309df514}
.entity_brand_nomenclature{font-size:19px;font-weight:600;color:#131333;letter-spacing:.3px}
.stratum_beta_credential{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px;gap:32px}
.sigil_brand_emblem_holder{flex-shrink:0;display:flex;align-items:center}
.sigil_brand_emblem{width:88px;height:88px;object-fit:contain}
.nexus_contact_symmetry{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.modal_contact_discrete{display:flex;align-items:center;gap:10px;font-size:15px;color:#2a2d42}
.glyph_contact_icon{width:18px;height:18px;fill:#309DF5}
.stratum_gamma_traverse{background:#1313330a;padding-top:0;padding-bottom:0}
.metric_nav_orchestration{display:flex;align-items:center;justify-content:center;list-style:none;gap:6px;padding:0;margin:0}
.node_nav_singular{position:relative}
.vector_nav_anchor{display:block;padding:20px 26px;font-size:16px;font-weight:500;color:#131333;transition:color .28s ease;position:relative}
.vector_nav_anchor::after{content:'';position:absolute;bottom:0;left:26px;right:26px;height:3px;background:#309DF5;transform:scaleX(0);transition:transform .28s ease}
.vector_nav_anchor:hover{color:#309DF5}
.vector_nav_anchor:hover::after{transform:scaleX(1)}
.vector_nav_anchor:focus-visible{outline:2px solid #309DF5;outline-offset:4px;border-radius:4px}
.domain_footer_terminus{background:linear-gradient(165deg,#131333 0%,#1a1d3f 100%);color:#e4e7eb;padding-top:64px;padding-bottom:32px;margin-top:80px}
.lattice_footer_constellation{display:grid;grid-template-columns:240px 1fr;gap:64px;margin-bottom:56px}
.sanctum_brand_vertical{display:flex;flex-direction:column;gap:24px}
.emblem_footer_logo{width:72px;height:72px;object-fit:contain}
.verse_brand_essence{font-size:15px;line-height:1.65;color:#b8bcc6}
.cluster_zones_editorial{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.canton_functional_labeled{display:flex;flex-direction:column;gap:18px}
.rubric_zone_designation{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#309DF5;margin-bottom:6px}
.sequence_links_vertical{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.tether_footer_link{color:#d1d4db;font-size:15px;transition:color .26s ease;display:inline-block}
.tether_footer_link:hover{color:#309DF5}
.tether_footer_link:focus-visible{outline:2px solid #309DF5;outline-offset:3px;border-radius:3px}
.boundary_legal_finality{padding-top:32px;border-top:1px solid #f2f6f91a;text-align:center}
.inscription_copyright{font-size:14px;color:#9ba0ac}
.apparatus_consent_guardian{position:fixed;bottom:24px;right:24px;max-width:440px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #13133326;padding:32px;z-index:9999;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.apparatus_consent_guardian.is_manifested{opacity:1;transform:translateY(0);pointer-events:all}
.lexicon_consent_proclamation{font-size:16px;line-height:1.6;color:#2a2d42;margin-bottom:24px}
.matrix_permission_clusters{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.duality_consent_switch_row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8f9fb;border-radius:8px}
.nomenclature_permission_label{font-size:15px;font-weight:500;color:#1a1d2e}
.mechanism_toggle_apparatus{position:relative;width:52px;height:28px;background:#cbd0d8;border-radius:28px;cursor:pointer;transition:background .25s ease}
.mechanism_toggle_apparatus.is_affirmed{background:#309DF5}
.mechanism_toggle_apparatus::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .25s ease}
.mechanism_toggle_apparatus.is_affirmed::after{transform:translateX(24px)}
.dyad_action_control_row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gesture_consent_decisive{padding:14px 24px;font-size:15px;font-weight:600;border-radius:8px;transition:opacity .25s ease,background .25s ease}
.gesture_consent_decisive:focus-visible{outline:3px solid #309DF5;outline-offset:2px}
.gesture_affirm_totality{background:#309DF5;color:#fff}
.gesture_affirm_totality:hover{background:#2789d9}
.gesture_refuse_totality{background:#e8eaed;color:#131333}
.gesture_refuse_totality:hover{background:#d8dade}
@media (max-width: 968px) {
.stratum_beta_credential{flex-direction:column;gap:24px;text-align:center}
.nexus_contact_symmetry{flex-direction:column;gap:16px}
.metric_nav_orchestration{flex-direction:column;gap:0}
.vector_nav_anchor{padding:16px 24px;text-align:center}
.vector_nav_anchor::after{left:24px;right:24px}
.lattice_footer_constellation{grid-template-columns:1fr;gap:48px}
.cluster_zones_editorial{grid-template-columns:1fr;gap:36px}
.apparatus_consent_guardian{left:16px;right:16px;bottom:16px;max-width:none}
}
@media (max-width: 640px) {
.entity_brand_nomenclature{font-size:17px}
.sigil_brand_emblem{width:68px;height:68px}
.dyad_action_control_row{grid-template-columns:1fr}
.gesture_consent_decisive{width:100%}
}
@media (prefers-reduced-motion: reduce) {
*{animation:none!important;transition:none!important}
}
.aurora{background:linear-gradient(135deg,#F2F6F9 0%,#fff 100%);min-height:100vh}
.aurora .prismNav{max-width:1200px;margin:0 auto;padding:28px 20px;display:flex;justify-content:space-between;align-items:center}
.aurora .prismNav .cascadeLogo{font-size:26px;font-weight:700;color:#131333;text-decoration:none;letter-spacing:-.5px}
.aurora .prismNav .echoLinks{display:flex;gap:35px;align-items:center}
.aurora .prismNav .echoLinks a{color:#131333;text-decoration:none;font-size:15px;font-weight:500;transition:color .3s ease;position:relative}
.aurora .prismNav .echoLinks a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#309DF5;transition:width .3s ease}
.aurora .prismNav .echoLinks a:hover{color:#309DF5}
.aurora .prismNav .echoLinks a:hover::after{width:100%}
.riverstone{max-width:1200px;margin:0 auto;padding:80px 20px 0}
.riverstone .horizonIntro{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start;margin-bottom:120px}
.riverstone .horizonIntro .whisperText{padding-top:20px}
.riverstone .horizonIntro .whisperText h1{font-size:48px;line-height:1.2;color:#131333;margin-bottom:28px;font-weight:800;position:relative}
.riverstone .horizonIntro .whisperText h1::before{content:'';position:absolute;left:-30px;top:15px;width:4px;height:60px;background:linear-gradient(180deg,#309DF5 0%,#131333 100%);border-radius:2px}
.riverstone .horizonIntro .whisperText .luminary{font-size:17px;line-height:1.7;color:#2d2d4a;margin-bottom:22px}
.riverstone .horizonIntro .whisperText .luminary strong{color:#309DF5;font-weight:600}
.riverstone .horizonIntro .meridianVisual{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #1313331f}
.riverstone .horizonIntro .meridianVisual img{width:100%;height:480px;object-fit:cover;display:block}
.riverstone .horizonIntro .meridianVisual::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#309df526 0%,#13133314 100%);pointer-events:none}
.tidepool{background:linear-gradient(135deg,#fff 0%,#F2F6F9 100%);padding:90px 20px;margin-bottom:100px;border-radius:20px;position:relative}
.tidepool::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#309DF5 50%,transparent 100%)}
.tidepool .nexusContainer{max-width:1200px;margin:0 auto}
.tidepool .nexusContainer h2{font-size:38px;color:#131333;text-align:center;margin-bottom:60px;font-weight:700;position:relative;padding-bottom:20px}
.tidepool .nexusContainer h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#309DF5;border-radius:2px}
.tidepool .vortexGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:50px}
.tidepool .vortexGrid .resonanceBox{background:#fff;padding:40px 35px;border-radius:14px;box-shadow:0 4px 20px #13133314;border:1px solid #309df526;transition:transform .3s ease,box-shadow .3s ease}
.tidepool .vortexGrid .resonanceBox:hover{transform:translateY(-5px);box-shadow:0 8px 30px #309df533}
.tidepool .vortexGrid .resonanceBox h3{font-size:24px;color:#131333;margin-bottom:18px;font-weight:700;position:relative;padding-left:25px}
.tidepool .vortexGrid .resonanceBox h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#309DF5;border-radius:50%}
.tidepool .vortexGrid .resonanceBox .cosmicPara{font-size:16px;line-height:1.7;color:#444458;margin-bottom:0}
.tidepool .chromaFull{display:grid;grid-template-columns:0.9fr 1.1fr;gap:55px;align-items:center;margin-top:70px}
.tidepool .chromaFull .spectrumImage{border-radius:12px;overflow:hidden;box-shadow:0 6px 28px #1313331a}
.tidepool .chromaFull .spectrumImage img{width:100%;height:420px;object-fit:cover;display:block}
.tidepool .chromaFull .pulseContent h4{font-size:28px;color:#131333;margin-bottom:22px;font-weight:700}
.tidepool .chromaFull .pulseContent .cosmicPara{font-size:16px;line-height:1.7;color:#444458;margin-bottom:16px}
.nebula{padding:90px 20px;background:#F2F6F9;position:relative}
.nebula::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 20% 50%,#309df514 0%,transparent 50%);pointer-events:none}
.nebula .orbitalWrap{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.nebula .orbitalWrap h2{font-size:38px;color:#131333;margin-bottom:50px;font-weight:700;position:relative;display:inline-block}
.nebula .orbitalWrap h2::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#309DF5 0%,transparent 100%);border-radius:2px}
.nebula .eclipseLayout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:start}
.nebula .eclipseLayout .stellarDetails .quasarPoint{margin-bottom:45px}
.nebula .eclipseLayout .stellarDetails .quasarPoint h5{font-size:22px;color:#131333;margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:12px}
.nebula .eclipseLayout .stellarDetails .quasarPoint h5::before{content:'';width:8px;height:8px;background:#309DF5;border-radius:50%;flex-shrink:0}
.nebula .eclipseLayout .stellarDetails .quasarPoint .cosmicPara{font-size:16px;line-height:1.7;color:#444458;padding-left:20px}
.nebula .eclipseLayout .galaxyImages{display:flex;flex-direction:column;gap:25px}
.nebula .eclipseLayout .galaxyImages .singularFrame{border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #1313331a}
.nebula .eclipseLayout .galaxyImages .singularFrame img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s ease}
.nebula .eclipseLayout .galaxyImages .singularFrame:hover img{transform:scale(1.05)}
.zenith{max-width:1200px;margin:0 auto;padding:90px 20px;text-align:center}
.zenith h3{font-size:32px;color:#131333;margin-bottom:25px;font-weight:700}
.zenith .cosmicPara{font-size:17px;line-height:1.7;color:#444458;margin-bottom:38px;max-width:700px;margin-left:auto;margin-right:auto}
.zenith .peakAction{display:inline-flex;gap:22px;flex-wrap:wrap;justify-content:center}
.zenith .peakAction a{padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;display:inline-block}
.zenith .peakAction a:first-child{background:#309DF5;color:#fff;box-shadow:0 4px 16px #309df54d}
.zenith .peakAction a:first-child:hover{background:#2585d6;box-shadow:0 6px 22px #309df566;transform:translateY(-2px)}
.zenith .peakAction a:last-child{background:#fff;color:#131333;border:2px solid #131333}
.zenith .peakAction a:last-child:hover{background:#131333;color:#fff;transform:translateY(-2px)}
@media (max-width: 768px) {
.aurora .prismNav{flex-direction:column;gap:20px;padding:20px}
.aurora .prismNav .echoLinks{flex-direction:column;gap:15px}
.riverstone{padding:50px 20px 0}
.riverstone .horizonIntro{grid-template-columns:1fr;gap:40px;margin-bottom:70px}
.riverstone .horizonIntro .whisperText h1{font-size:32px;margin-bottom:20px}
.riverstone .horizonIntro .whisperText h1::before{left:0;top:-15px;width:60px;height:3px}
.riverstone .horizonIntro .whisperText .luminary{font-size:16px}
.riverstone .horizonIntro .meridianVisual img{height:320px}
.tidepool{padding:60px 20px;margin-bottom:60px}
.tidepool .nexusContainer h2{font-size:28px;margin-bottom:40px}
.tidepool .vortexGrid{grid-template-columns:1fr;gap:30px}
.tidepool .vortexGrid .resonanceBox{padding:30px 25px}
.tidepool .vortexGrid .resonanceBox h3{font-size:21px}
.tidepool .chromaFull{grid-template-columns:1fr;gap:35px;margin-top:50px}
.tidepool .chromaFull .spectrumImage img{height:280px}
.tidepool .chromaFull .pulseContent h4{font-size:24px}
.nebula{padding:60px 20px}
.nebula .orbitalWrap h2{font-size:28px;margin-bottom:35px}
.nebula .eclipseLayout{grid-template-columns:1fr;gap:40px}
.nebula .eclipseLayout .stellarDetails .quasarPoint{margin-bottom:35px}
.nebula .eclipseLayout .stellarDetails .quasarPoint h5{font-size:20px}
.nebula .eclipseLayout .galaxyImages .singularFrame img{height:240px}
.zenith{padding:60px 20px}
.zenith h3{font-size:26px}
.zenith .cosmicPara{font-size:16px}
.zenith .peakAction{flex-direction:column;gap:15px}
.zenith .peakAction a{width:100%;max-width:300px}
}
.bewert__basis{background:linear-gradient(135deg,#F2F6F9 0%,#fff 100%);min-height:100%}
.bewert__basis .container{max-width:1200px;margin:0 auto;padding:0 20px}
.kopf__banner{padding:90px 0 70px;background:linear-gradient(to right,#131333 0%,#1a1d4d 100%);position:relative;overflow:hidden}
.kopf__banner::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#309df526 0%,transparent 70%);border-radius:50%}
.kopf__banner h1{font-size:3.2rem;color:#fff;margin:0 0 25px;font-weight:700;line-height:1.2}
.kopf__banner .intro__text{font-size:1.15rem;color:#F2F6F9;max-width:720px;line-height:1.7;margin:0}
.stimmen__wand{padding:80px 0;background:#fff}
.stimmen__wand .abschn__titel{font-size:2.4rem;color:#131333;margin:0 0 15px;font-weight:600;text-align:center}
.stimmen__wand .abschn__unter{font-size:1.05rem;color:#5a5a7a;text-align:center;max-width:650px;margin:0 auto 60px;line-height:1.6}
.karten__raster{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.bewert__karte{background:#F2F6F9;border-radius:12px;padding:35px 28px;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}
.bewert__karte:hover{transform:translateY(-8px);box-shadow:0 12px 35px #1313331f;border-color:#309DF5}
.bewert__karte .stern__reihe{margin:0 0 20px;display:flex;gap:4px}
.bewert__karte .stern__symbol{width:22px;height:22px;background:#309DF5;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.bewert__karte .bewert__text{font-size:.98rem;color:#2a2a3a;line-height:1.65;margin:0 0 25px;font-style:italic}
.bewert__karte .person__info{display:flex;align-items:center;gap:15px;padding-top:20px;border-top:1px solid #309df533}
.bewert__karte .person__avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#309DF5 0%,#131333 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}
.bewert__karte .person__details h6{font-size:1.05rem;color:#131333;margin:0 0 4px;font-weight:600}
.bewert__karte .person__details .rolle__text{font-size:.88rem;color:#6a6a8a;margin:0}
.zahlen__sektor{padding:75px 0;background:linear-gradient(to bottom,#F2F6F9 0%,#fff 100%);position:relative}
.zahlen__sektor::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,#309DF5 50%,transparent 100%)}
.zahlen__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:50px}
.zahl__block{text-align:center;padding:30px 20px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #13133314;transition:transform .3s ease}
.zahl__block:hover{transform:scale(1.05)}
.zahl__block .gross__nummer{font-size:3.2rem;color:#309DF5;font-weight:700;margin:0 0 10px;line-height:1}
.zahl__block .nummer__label{font-size:1.05rem;color:#131333;font-weight:600;margin:0 0 8px}
.zahl__block .nummer__detail{font-size:.9rem;color:#5a5a7a;margin:0;line-height:1.5}
.foto__beweis{padding:85px 0;background:#fff}
.foto__beweis .haupt__titel{font-size:2.6rem;color:#131333;margin:0 0 50px;font-weight:600;text-align:center}
.foto__anordnung{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.foto__element{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #13133326}
.foto__element img{width:100%;height:420px;object-fit:cover;display:block;transition:transform .4s ease}
.foto__element:hover img{transform:scale(1.08)}
.foto__element .bild__caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#131333eb 0%,transparent 100%);padding:25px 20px 20px;color:#fff}
.foto__element .bild__caption h5{font-size:1.2rem;margin:0 0 8px;font-weight:600}
.foto__element .bild__caption p{font-size:.92rem;margin:0;line-height:1.5;color:#F2F6F9}
.foto__anordnung .grosses__foto{grid-row:span 2}
.foto__anordnung .grosses__foto img{height:550px}
.vertrauen__zone{padding:80px 0;background:linear-gradient(135deg,#131333 0%,#1e1e4a 100%);position:relative}
.vertrauen__zone::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#309DF5 0%,transparent 50%,#309DF5 100%)}
.vertrauen__inhalt{max-width:850px;margin:0 auto;text-align:center}
.vertrauen__zone h4{font-size:2.1rem;color:#fff;margin:0 0 30px;font-weight:600}
.vertrauen__zone .text__absatz{font-size:1.08rem;color:#F2F6F9;line-height:1.75;margin:0 0 20px}
.vertrauen__zone .text__absatz:last-of-type{margin-bottom:40px}
.vertrauen__zone .hervorh__satz{color:#309DF5;font-weight:600}
.aktion__knopf{display:inline-block;background:#309DF5;color:#fff;padding:16px 45px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #309df559;border:2px solid transparent}
.aktion__knopf:hover{background:#2889d9;transform:translateY(-3px);box-shadow:0 10px 30px #309df573;border-color:#F2F6F9}
@media (max-width: 1024px) {
.karten__raster{grid-template-columns:repeat(2,1fr);gap:30px}
.zahlen__grid{grid-template-columns:repeat(2,1fr);gap:30px}
.foto__anordnung{grid-template-columns:1fr}
.foto__anordnung .grosses__foto{grid-row:auto}
.foto__anordnung .grosses__foto img{height:420px}
}
@media (max-width: 768px) {
.kopf__banner{padding:60px 0 50px}
.kopf__banner h1{font-size:2.2rem}
.kopf__banner .intro__text{font-size:1rem}
.karten__raster{grid-template-columns:1fr;gap:25px}
.stimmen__wand .abschn__titel{font-size:1.9rem}
.zahlen__grid{grid-template-columns:1fr;gap:20px}
.foto__beweis .haupt__titel{font-size:2rem}
.foto__element img,.foto__anordnung .grosses__foto img{height:320px}
.vertrauen__zone h4{font-size:1.7rem}
.vertrauen__zone .text__absatz{font-size:1rem}
}
.lichtbogen-hauptbereich{background:linear-gradient(135deg,#F2F6F9 0%,#fff 100%);min-height:600px;display:flex;align-items:center;position:relative;overflow:hidden;padding:80px 20px}
.lichtbogen-hauptbereich::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#309df514 0%,transparent 70%);border-radius:50%}
.quantentext-zentrum{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.primäre-überschrift-komplex{font-size:6.5rem;font-weight:800;color:#131333;line-height:1.1;margin-bottom:35px;letter-spacing:-.02em}
.primäre-überschrift-komplex::after{content:'';display:block;width:140px;height:6px;background:linear-gradient(90deg,#309DF5 0%,#131333 100%);margin-top:25px}
.sekundär-beschreibung-layout{font-size:1.4rem;color:#4a4a5e;line-height:1.7;max-width:680px;margin-bottom:45px}
.aktion-schaltfläche-primär{display:inline-block;background:#309DF5;color:#fff;padding:18px 45px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;border:2px solid #309DF5;margin-right:20px}
.aktion-schaltfläche-primär:hover{background:#2589e0;border-color:#2589e0;transform:translateY(-2px);box-shadow:0 8px 20px #309df54d}
.aktion-schaltfläche-sekundär{display:inline-block;background:transparent;color:#131333;padding:18px 45px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid #131333;transition:all .3s ease}
.aktion-schaltfläche-sekundär:hover{background:#131333;color:#fff;transform:translateY(-2px)}
.sicherheitsbereich-diagonal{background:#fff;padding:100px 20px 120px;position:relative}
.sicherheitsbereich-diagonal::before{content:'';position:absolute;top:-80px;left:0;width:100%;height:80px;background:#fff;transform:skewY(-2deg);transform-origin:top left}
.inhalt-raster-asymmetrisch{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.bildcontainer-akzent{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #1313331f}
.bildcontainer-akzent img{width:100%;height:480px;object-fit:cover;display:block}
.bildcontainer-akzent::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#13133366,transparent)}
.textblock-editorial h2{font-size:3.2rem;color:#131333;margin-bottom:28px;font-weight:700;line-height:1.2}
.textblock-editorial h2::before{content:'';display:inline-block;width:50px;height:4px;background:#309DF5;margin-right:15px;vertical-align:middle}
.textblock-editorial p{font-size:1.15rem;color:#5a5a6e;line-height:1.8;margin-bottom:20px}
.schutzthemen-gitter{background:linear-gradient(to bottom,#F2F6F9 0%,#fff 100%);padding:90px 20px}
.zentrierung-container{max-width:1200px;margin:0 auto}
.abschnitts-kopf-zentriert{text-align:center;margin-bottom:70px}
.abschnitts-kopf-zentriert h2{font-size:3.8rem;color:#131333;font-weight:700;margin-bottom:20px}
.abschnitts-kopf-zentriert p{font-size:1.25rem;color:#6a6a7e;max-width:700px;margin:0 auto;line-height:1.7}
.karten-dreispaltig{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.themen-karte-kompakt{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 4px 20px #13133314;transition:all .3s ease;border-top:4px solid transparent}
.themen-karte-kompakt:hover{transform:translateY(-8px);box-shadow:0 12px 35px #309df533;border-top-color:#309DF5}
.themen-karte-kompakt h3{font-size:1.6rem;color:#131333;margin-bottom:18px;font-weight:600}
.themen-karte-kompakt h3::after{content:'';display:block;width:40px;height:3px;background:#309DF5;margin-top:12px}
.themen-karte-kompakt p{font-size:1.05rem;color:#5a5a6e;line-height:1.7}
.lernprozess-zeitstrahl{background:#fff;padding:90px 20px;position:relative}
.prozess-flexbox-container{max-width:1200px;margin:0 auto}
.prozess-überschrift-gruppe h2{font-size:3.5rem;color:#131333;margin-bottom:60px;font-weight:700;text-align:center}
.schritte-horizontal-anordnung{display:flex;flex-direction:row;justify-content:space-between;gap:40px;position:relative}
.schritte-horizontal-anordnung::before{content:'';position:absolute;top:40px;left:80px;right:80px;height:3px;background:linear-gradient(90deg,#309DF5 0%,#131333 100%);z-index:1}
.einzelschritt-element{flex:1;text-align:center;position:relative;z-index:2}
.schritt-nummer-kreis{width:80px;height:80px;background:linear-gradient(135deg,#309DF5 0%,#2589e0 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 25px;box-shadow:0 8px 25px #309df54d;border:5px solid #fff}
.einzelschritt-element h4{font-size:1.4rem;color:#131333;margin-bottom:15px;font-weight:600}
.einzelschritt-element p{font-size:1.05rem;color:#5a5a6e;line-height:1.6}
.praxisbeispiel-split{background:linear-gradient(to right,#F2F6F9 50%,#fff 50%);padding:90px 20px}
.zweispalten-layout-praxis{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.visuelles-element-rechts{position:relative}
.visuelles-element-rechts img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 15px 45px #13133326}
.textinhalt-links h2{font-size:3.4rem;color:#131333;margin-bottom:30px;font-weight:700;line-height:1.2}
.textinhalt-links h5{font-size:1.3rem;color:#309DF5;margin-bottom:20px;font-weight:600;margin-top:35px}
.textinhalt-links h5::before{content:'→';margin-right:10px;font-weight:700}
.textinhalt-links p{font-size:1.1rem;color:#5a5a6e;line-height:1.75;margin-bottom:18px}
.expertise-showcase-final{background:#131333;padding:100px 20px;color:#fff;position:relative;overflow:hidden}
.expertise-showcase-final::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,#309df526 0%,transparent 70%);border-radius:50%}
.abschluss-inhalt-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 0.9fr;gap:60px;align-items:center;position:relative;z-index:2}
.bild-element-final{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000004d}
.bild-element-final img{width:100%;height:460px;object-fit:cover;display:block}
.text-abschluss-bereich h2{font-size:3.6rem;color:#fff;margin-bottom:28px;font-weight:700;line-height:1.2}
.text-abschluss-bereich h2::after{content:'';display:block;width:100px;height:5px;background:#309DF5;margin-top:20px}
.text-abschluss-bereich p{font-size:1.2rem;color:#e0e0e8;line-height:1.75;margin-bottom:35px}
.text-abschluss-bereich h6{font-size:1.15rem;color:#309DF5;margin-bottom:15px;font-weight:600;margin-top:30px}
.cta-button-final{display:inline-block;background:#309DF5;color:#fff;padding:18px 50px;font-size:1.15rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;margin-top:20px}
.cta-button-final:hover{background:#2589e0;transform:translateY(-3px);box-shadow:0 10px 30px #309df566}
@media (max-width: 1024px) {
.primäre-überschrift-komplex{font-size:4.5rem}
.inhalt-raster-asymmetrisch,.zweispalten-layout-praxis,.abschluss-inhalt-wrapper{grid-template-columns:1fr;gap:40px}
.karten-dreispaltig{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.primäre-überschrift-komplex{font-size:3.2rem}
.sekundär-beschreibung-layout{font-size:1.2rem}
.aktion-schaltfläche-primär,.aktion-schaltfläche-sekundär{display:block;margin:10px 0;text-align:center}
.karten-dreispaltig{grid-template-columns:1fr}
.schritte-horizontal-anordnung{flex-direction:column}
.schritte-horizontal-anordnung::before{display:none}
.abschnitts-kopf-zentriert h2,.textblock-editorial h2,.prozess-überschrift-gruppe h2,.textinhalt-links h2,.text-abschluss-bereich h2{font-size:2.5rem}
.bildcontainer-akzent img,.visuelles-element-rechts img,.bild-element-final img{height:320px}
}
.kontakt_mantel{background:linear-gradient(135deg,#F2F6F9 0%,#fff 100%);min-height:600px;position:relative}
.kontakt_mantel .rahmen_zentral{max-width:1200px;margin:0 auto;padding:80px 20px}
.kontakt_mantel .stufe_oben{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:90px}
.kontakt_mantel .text_bereich{padding-right:30px}
.kontakt_mantel .uberschrift_gross{font-size:42px;font-weight:700;color:#131333;margin-bottom:24px;line-height:1.2}
.kontakt_mantel .uberschrift_gross::before{content:'';display:block;width:60px;height:4px;background:#309DF5;margin-bottom:20px}
.kontakt_mantel .beschreibung_text{font-size:18px;line-height:1.7;color:#2c3e50;margin-bottom:20px}
.kontakt_mantel .info_karton{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px #13133314;margin-top:35px}
.kontakt_mantel .info_punkt{display:flex;align-items:flex-start;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #F2F6F9}
.kontakt_mantel .info_punkt:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.kontakt_mantel .symbol_kreis{width:48px;height:48px;background:linear-gradient(135deg,#309DF5 0%,#1a7bcf 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:18px}
.kontakt_mantel .symbol_kreis svg{width:24px;height:24px;fill:#fff}
.kontakt_mantel .detail_text{flex:1}
.kontakt_mantel .detail_titel{font-size:14px;font-weight:600;color:#309DF5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.kontakt_mantel .detail_wert{font-size:16px;color:#131333;font-weight:500;line-height:1.5}
.kontakt_mantel .detail_wert a{color:#131333;text-decoration:none;transition:color .3s ease}
.kontakt_mantel .detail_wert a:hover{color:#309DF5}
.kontakt_mantel .formular_behalter{background:#fff;padding:45px;border-radius:12px;box-shadow:0 4px 20px #1313331f;position:relative}
.kontakt_mantel .formular_behalter::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#309DF5 0%,#131333 100%);border-radius:12px 12px 0 0}
.kontakt_mantel .feld_gruppe{margin-bottom:28px}
.kontakt_mantel .feld_etikette{display:block;font-size:15px;font-weight:600;color:#131333;margin-bottom:10px}
.kontakt_mantel .eingabe_feld{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e1e8ed;border-radius:6px;transition:all .3s ease;background:#fff;color:#131333;font-family:inherit}
.kontakt_mantel .eingabe_feld:focus{outline:none;border-color:#309DF5;box-shadow:0 0 0 3px #309df51a}
.kontakt_mantel .eingabe_feld::placeholder{color:#95a5a6}
.kontakt_mantel .textarea_gross{min-height:160px;resize:vertical}
.kontakt_mantel .auswahl_feld{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e1e8ed;border-radius:6px;background:#fff;color:#131333;cursor:pointer;transition:all .3s ease;font-family:inherit}
.kontakt_mantel .auswahl_feld:focus{outline:none;border-color:#309DF5;box-shadow:0 0 0 3px #309df51a}
.kontakt_mantel .datenschutz_box{display:flex;align-items:start;margin-bottom:30px;margin-top:30px}
.kontakt_mantel .checkbox_eingang{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#309DF5}
.kontakt_mantel .datenschutz_text{font-size:14px;line-height:1.6;color:#2c3e50}
.kontakt_mantel .datenschutz_text a{color:#309DF5;text-decoration:none;font-weight:500}
.kontakt_mantel .datenschutz_text a:hover{text-decoration:underline}
.kontakt_mantel .absenden_knopf{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#309DF5 0%,#1a7bcf 100%);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}
.kontakt_mantel .absenden_knopf:hover{transform:translateY(-2px);box-shadow:0 6px 20px #309df54d}
.kontakt_mantel .absenden_knopf:active{transform:translateY(0)}
.bild_sektion_wrap{background:#fff;padding:90px 20px;position:relative;overflow:hidden}
.bild_sektion_wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,#F2F6F9 0%,#fff 100%);z-index:1}
.bild_sektion_wrap .container_zentrum{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.bild_sektion_wrap .bildergalerie_raster{display:grid;grid-template-columns:55% 45%;gap:40px;align-items:center}
.bild_sektion_wrap .bild_haupt{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px #13133326}
.bild_sektion_wrap .text_spalte{padding-left:25px}
.bild_sektion_wrap .klein_titel{font-size:15px;font-weight:700;color:#309DF5;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.bild_sektion_wrap .haupt_uberschrift{font-size:36px;font-weight:700;color:#131333;line-height:1.3;margin-bottom:26px}
.bild_sektion_wrap .haupt_uberschrift::after{content:'';display:block;width:80px;height:3px;background:#309DF5;margin-top:18px}
.bild_sektion_wrap .paragraph_absatz{font-size:17px;line-height:1.7;color:#34495e;margin-bottom:18px}
.bild_sektion_wrap .bild_neben{width:100%;height:320px;object-fit:cover;border-radius:8px;margin-top:30px;box-shadow:0 4px 16px #1313331a}
@media (max-width: 768px) {
.kontakt_mantel .stufe_oben{grid-template-columns:1fr;gap:40px}
.kontakt_mantel .text_bereich{padding-right:0}
.kontakt_mantel .uberschrift_gross{font-size:32px}
.kontakt_mantel .formular_behalter{padding:30px 20px}
.bild_sektion_wrap .bildergalerie_raster{grid-template-columns:1fr;gap:30px}
.bild_sektion_wrap .text_spalte{padding-left:0}
.bild_sektion_wrap .haupt_uberschrift{font-size:28px}
.bild_sektion_wrap .bild_haupt{height:320px}
.bild_sektion_wrap .bild_neben{height:240px}
}
@media (max-width: 480px) {
.kontakt_mantel .rahmen_zentral{padding:50px 15px}
.kontakt_mantel .uberschrift_gross{font-size:26px}
.kontakt_mantel .info_karton{padding:20px}
.bild_sektion_wrap{padding:60px 15px}
}
.lernpfad_hauptbereich{background:linear-gradient(165deg,#F2F6F9 0%,#fff 100%);min-height:400px}
.lernpfad_hauptbereich .container{max-width:1200px;margin:0 auto;padding:80px 20px 60px}
.einleitung_modul{display:flex;flex-direction:row;gap:50px;align-items:center;margin-bottom:100px}
.einleitung_modul .text_spalte{flex:1;padding-right:30px}
.einleitung_modul h1{font-size:46px;color:#131333;line-height:1.2;margin-bottom:25px;font-weight:700}
.einleitung_modul h1::before{content:'';display:block;width:60px;height:4px;background:#309DF5;margin-bottom:20px}
.einleitung_modul p{font-size:18px;line-height:1.7;color:#3d3d5c;margin-bottom:18px}
.einleitung_modul .bild_spalte{flex:1;position:relative}
.einleitung_modul .bild_spalte img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #13133326}
.modul_gitter_bereich{background:#fff;padding:90px 20px}
.modul_gitter_bereich .container{max-width:1200px;margin:0 auto}
.modul_gitter_bereich h2{font-size:38px;color:#131333;text-align:center;margin-bottom:50px;font-weight:600}
.kurs_karten_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:60px}
.einzelne_kurs_karte{background:#F2F6F9;padding:40px;border-radius:8px;border-left:5px solid #309DF5;transition:all .3s ease}
.einzelne_kurs_karte:hover{transform:translateY(-5px);box-shadow:0 12px 30px #309df533}
.einzelne_kurs_karte h3{font-size:24px;color:#131333;margin-bottom:18px;font-weight:600}
.einzelne_kurs_karte .kurs_dauer{font-size:15px;color:#309DF5;margin-bottom:15px;font-weight:500}
.einzelne_kurs_karte p{font-size:16px;line-height:1.6;color:#4a4a6a;margin-bottom:12px}
.einzelne_kurs_karte ul{list-style:none;padding:0;margin-top:20px}
.einzelne_kurs_karte ul li{font-size:15px;color:#4a4a6a;padding-left:25px;position:relative;margin-bottom:10px;line-height:1.5}
.einzelne_kurs_karte ul li::before{content:'→';position:absolute;left:0;color:#309DF5;font-weight:600}
.zeitstrahl_sektion{background:linear-gradient(180deg,#131333 0%,#1e1e4d 100%);padding:90px 20px}
.zeitstrahl_sektion .container{max-width:1200px;margin:0 auto}
.zeitstrahl_sektion h2{font-size:38px;color:#F2F6F9;text-align:center;margin-bottom:70px;font-weight:600}
.schritt_wrapper{position:relative;padding-left:80px}
.schritt_element{position:relative;margin-bottom:60px;padding-bottom:20px}
.schritt_element:last-child{margin-bottom:0}
.schritt_markierung{position:absolute;left:-80px;width:50px;height:50px;background:#309DF5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;z-index:2}
.schritt_element::before{content:'';position:absolute;left:-55px;top:50px;width:2px;height:calc(100% + 20px);background:#309df54d}
.schritt_element:last-child::before{display:none}
.schritt_inhalt h3{font-size:26px;color:#F2F6F9;margin-bottom:15px;font-weight:600}
.schritt_inhalt h4{font-size:18px;color:#309DF5;margin-bottom:12px;font-weight:500}
.schritt_inhalt p{font-size:16px;line-height:1.7;color:#d4d4e0;margin-bottom:10px}
.abschluss_aktionsbereich{background:#F2F6F9;padding:80px 20px}
.abschluss_aktionsbereich .container{max-width:1000px;margin:0 auto;text-align:center}
.abschluss_aktionsbereich h2{font-size:36px;color:#131333;margin-bottom:25px;font-weight:600}
.abschluss_aktionsbereich .untertitel_info{font-size:18px;line-height:1.6;color:#4a4a6a;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.button_gruppe{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.primär_btn{display:inline-block;padding:16px 40px;background:#309DF5;color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;z-index:10;position:relative}
.primär_btn:hover{background:#2585d6;transform:translateY(-2px);box-shadow:0 8px 20px #309df54d}
.sekundär_btn{display:inline-block;padding:16px 40px;background:transparent;color:#131333;font-size:17px;font-weight:600;text-decoration:none;border:2px solid #131333;border-radius:6px;transition:all .3s ease;z-index:10;position:relative}
.sekundär_btn:hover{background:#131333;color:#F2F6F9;transform:translateY(-2px)}
.besonderheit_marker{color:#309DF5;font-weight:600}
@media (max-width: 768px) {
.einleitung_modul{flex-direction:column;gap:30px;margin-bottom:60px}
.einleitung_modul .text_spalte{padding-right:0}
.einleitung_modul h1{font-size:32px;margin-bottom:20px}
.einleitung_modul .bild_spalte img{height:280px}
.modul_gitter_bereich{padding:60px 20px}
.modul_gitter_bereich h2{font-size:28px;margin-bottom:35px}
.kurs_karten_grid{grid-template-columns:1fr;gap:25px}
.einzelne_kurs_karte{padding:30px}
.zeitstrahl_sektion{padding:60px 20px}
.zeitstrahl_sektion h2{font-size:28px;margin-bottom:50px}
.schritt_wrapper{padding-left:60px}
.schritt_markierung{left:-60px;width:40px;height:40px;font-size:18px}
.schritt_element::before{left:-40px}
.schritt_inhalt h3{font-size:22px}
.abschluss_aktionsbereich{padding:60px 20px}
.abschluss_aktionsbereich h2{font-size:28px}
.button_gruppe{flex-direction:column}
.primär_btn,.sekundär_btn{width:100%;max-width:300px}
}
.data-prefs-container{max-width:1000px;margin:0 auto;padding:48px 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#1a1d2e;background:linear-gradient(135deg,#fff 0%,#F2F6F9 100%)}
.data-prefs-container h1{font-size:2.8em;font-weight:700;color:#131333;margin-bottom:32px;letter-spacing:-.5px}
.data-prefs-container h2{font-size:2em;font-weight:600;color:#131333;margin-top:56px;margin-bottom:24px;border-left:5px solid #309DF5;padding-left:20px}
.data-prefs-container h3{font-size:1.5em;font-weight:600;color:#131333;margin-top:40px;margin-bottom:18px}
.data-prefs-container h4{font-size:1.2em;font-weight:600;color:#131333;margin-top:28px;margin-bottom:14px}
.data-prefs-container p{margin-bottom:18px;color:#2d3142;font-size:1.05em}
.data-prefs-container ul{margin:24px 0;padding-left:0;list-style:none}
.data-prefs-container li{margin-bottom:16px;padding-left:32px;position:relative;color:#2d3142;font-size:1.02em}
.data-prefs-container li:before{content:"→";position:absolute;left:8px;color:#309DF5;font-weight:700}
.data-prefs-container div{margin:28px 0}
.intro-section{background:linear-gradient(to right,#309df514,#f2f6f94d);padding:28px;border-radius:8px;border:1px solid #309df533;margin-bottom:40px}
.highlight-box{background:#fff;padding:24px;border-radius:6px;box-shadow:0 2px 8px #13133314;border-left:4px solid #309DF5;margin:32px 0}
.section-content{background:#fff;padding:32px;border-radius:8px;margin:24px 0;box-shadow:0 1px 4px #1313330f}
.privacy-container{max-width:1200px;margin:0 auto;padding:60px 20px;background:linear-gradient(135deg,#fff 0%,#F2F6F9 100%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.8;color:#131333}
.privacy-container h1{font-size:2.8rem;font-weight:700;margin-bottom:30px;color:#131333;text-align:center;letter-spacing:-.5px}
.privacy-container h2{font-size:2rem;font-weight:600;margin-top:50px;margin-bottom:20px;color:#131333;padding-bottom:12px;border-bottom:3px solid #309DF5}
.privacy-container h3{font-size:1.5rem;font-weight:600;margin-top:35px;margin-bottom:15px;color:#309DF5}
.privacy-container h4{font-size:1.2rem;font-weight:600;margin-top:25px;margin-bottom:12px;color:#131333}
.privacy-container p{margin-bottom:18px;font-size:1.05rem;color:#131333;text-align:justify}
.intro-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #309df514;margin-bottom:40px}
.content-section{background:#fff;padding:35px;margin-bottom:25px;border-radius:10px;box-shadow:0 2px 15px #1313330d}
.privacy-container ul{margin:20px 0;padding-left:0;list-style:none}
.privacy-container li{margin-bottom:15px;padding-left:30px;position:relative;font-size:1.05rem;color:#131333}
.privacy-container li::before{content:"→";position:absolute;left:0;color:#309DF5;font-weight:700;font-size:1.2rem}
.highlight-box{background:linear-gradient(120deg,#F2F6F9 0%,#fff 100%);border-left:4px solid #309DF5;padding:20px 25px;margin:25px 0;border-radius:6px}
.data-category{background:#fff;border:2px solid #F2F6F9;padding:20px;margin:15px 0;border-radius:8px;transition:all .3s ease}
.emphasis-text{color:#309DF5;font-weight:600}
.last-updated{text-align:center;font-size:.95rem;color:#131333;margin-top:50px;padding-top:30px;border-top:2px solid #F2F6F9}
.successvault{background:linear-gradient(135deg,#F2F6F9 0%,#fff 100%);min-height:85vh;display:flex;align-items:center;padding:4rem 1rem}
.successvault .container{max-width:1200px;margin:0 auto;width:100%}
.orbitalconfirm{background:#fff;border-radius:16px;box-shadow:0 8px 32px #13133314;padding:3.5rem 2.5rem;position:relative;overflow:hidden}
.orbitalconfirm::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#309DF5 0%,#131333 100%)}
.iconosphere{width:92px;height:92px;margin:0 auto 2rem;background:linear-gradient(135deg,#309DF5 0%,#2087d6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:pulserotate 2s ease-in-out infinite}
@keyframes pulserotate {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.iconosphere::after{content:'';font-size:48px;color:#fff;font-weight:700;line-height:1}
.iconosphere::before{content:'';position:absolute;width:110px;height:110px;border:2px solid #309DF5;border-radius:50%;opacity:.3;animation:ripplewave 2s ease-out infinite}
@keyframes ripplewave {
0%{transform:scale(1);opacity:.3}
100%{transform:scale(1.4);opacity:0}
}
.headlinematrix{text-align:center;margin-bottom:1.5rem}
.headlinematrix h1{font-size:2.2rem;color:#131333;font-weight:700;margin:0 0 1rem;line-height:1.2}
.textflowcore{text-align:center;margin-bottom:2.5rem}
.textflowcore p{font-size:1.1rem;color:#4a4a5e;line-height:1.7;margin:0 0 1.2rem;max-width:680px;margin-left:auto;margin-right:auto}
.detailgrid{background:#F2F6F9;border-radius:12px;padding:2rem;margin:2.5rem 0;border-left:4px solid #309DF5}
.detailgrid h4{font-size:1.15rem;color:#131333;font-weight:600;margin:0 0 1rem}
.detailgrid ul{list-style:none;padding:0;margin:0}
.detailgrid li{font-size:1rem;color:#4a4a5e;padding:.7rem 0;border-bottom:1px solid #d9e4ed;position:relative;padding-left:1.8rem}
.detailgrid li:last-child{border-bottom:none}
.detailgrid li::before{content:'→';position:absolute;left:0;color:#309DF5;font-weight:700;font-size:1.1rem}
.pathnavigation{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}
.pathnavigation a{display:inline-block;padding:.9rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;z-index:10}
.pathnavigation .primarylink{background:#309DF5;color:#fff;box-shadow:0 4px 12px #309df54d}
.pathnavigation .primarylink:hover{background:#2087d6;transform:translateY(-2px);box-shadow:0 6px 16px #309df566}
.pathnavigation .secondarylink{background:#fff;color:#131333;border:2px solid #309DF5}
.pathnavigation .secondarylink:hover{background:#F2F6F9;transform:translateY(-2px)}
.contactpillar{text-align:center;margin-top:3rem;padding-top:2.5rem;border-top:2px solid #F2F6F9}
.contactpillar h5{font-size:1.05rem;color:#131333;font-weight:600;margin:0 0 1rem}
.contactpillar p{font-size:.95rem;color:#4a4a5e;line-height:1.6;margin:.5rem 0}
.contactpillar a{color:#309DF5;text-decoration:none;font-weight:500;transition:color .3s ease}
.contactpillar a:hover{color:#2087d6;text-decoration:underline}
@media (max-width: 768px) {
.successvault{padding:2.5rem 1rem}
.orbitalconfirm{padding:2.5rem 1.5rem}
.headlinematrix h1{font-size:1.8rem}
.textflowcore p{font-size:1rem}
.iconosphere{width:78px;height:78px}
.iconosphere::after{font-size:40px}
.detailgrid{padding:1.5rem}
.pathnavigation{flex-direction:column;align-items:stretch}
.pathnavigation a{text-align:center}
}
@media (max-width: 480px) {
.headlinematrix h1{font-size:1.5rem}
.orbitalconfirm{padding:2rem 1.2rem}
}