:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:#f3ead7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-display:"Arial Black", "Trebuchet MS", sans-serif;--text-primary:#f3ead7;--text-secondary:#d6cfbe;--text-muted:#b9c2b1;--accent-soft:#e0b77d;--icon-main:#d9c8a7;background:radial-gradient(circle at top,#c9d3c029,#0000 24%),linear-gradient(#9fac9b 0%,#6c796e 12%,#33413d 35%,#182320 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:-3;opacity:.45;background:linear-gradient(#ffffff0a,#0000 12%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 84px);position:fixed;inset:0}a{color:inherit}button,input,textarea{font:inherit}#root{min-height:100vh}.site-shell{width:min(1260px,100% - 28px);margin:0 auto;padding:20px 0 80px;position:relative}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)scale(.985)}.reveal.visible{opacity:1;transform:translateY(0)scale(1)}.site-orb{z-index:-2;filter:blur(22px);opacity:.6;border-radius:999px;animation:14s ease-in-out infinite drift;position:fixed}.orb-one{background:#a5d6c02e;width:260px;height:260px;top:7%;right:3%}.orb-two{background:#cb7c4d2e;width:320px;height:320px;animation-delay:-5s;bottom:18%;left:-60px}.orb-three{background:#e6dcaa1a;width:180px;height:180px;animation-delay:-8s;top:38%;left:48%}.side-tentacles{z-index:-1;pointer-events:none;width:210px;position:fixed;top:40px;bottom:20px}.side-left{left:-42px}.side-right{right:-42px}.floral-tentacles{filter:drop-shadow(0 18px 26px #41160e38);opacity:.94;width:100%;height:100%;overflow:visible}.floral-tentacles.mirrored{transform:scaleX(-1)}.cluster{transform-origin:140px 860px}.cluster-back{animation:9s ease-in-out infinite clusterDrift}.cluster-mid{animation:11s ease-in-out infinite reverse clusterDrift}.cluster-front{animation:10s ease-in-out infinite clusterDrift}.small-swirl{animation-duration:8s}.tentacle-sway{transform-origin:140px 860px;animation:8s ease-in-out infinite stemFloat}.tentacle-shadow{fill:none;stroke:#4717103d;stroke-linecap:round;stroke-linejoin:round}.tentacle-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.tentacle-highlight{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.88}.tentacle-cups .cup{filter:drop-shadow(0 2px 2px #6121162e)}.cup-outer{stroke:#ffefe129;stroke-width:1.4px}.cup-inner{stroke:#fff6ee57;stroke-width:.8px}.cup-gloss{fill:#fff7f073;opacity:.75}.flower{transform-origin:50%;animation:7s ease-in-out infinite flowerNod}.flower-core{fill:#dd8b38}.flower-petals ellipse{fill:#f6d4bf}.bloom-peach .flower-petals ellipse{fill:#f0b79a}.bloom-rose .flower-petals ellipse{fill:#efb2a1}.bloom-cream .flower-petals ellipse{fill:#f7e9d4}.leaf{fill:#9b9167;opacity:.92}.leaf-stem{fill:none;stroke:#847b56;stroke-width:4px;stroke-linecap:round}.leaf-pair{animation:6.5s ease-in-out infinite leafRustle}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16211f8c;border:1px solid #e8ead980;border-radius:30px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:12px;box-shadow:0 18px 45px #0e11103d,inset 0 1px #ffffff1a}.brand{color:var(--text-primary);align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-display);letter-spacing:.04em;font-size:1.15rem}.brand small{color:var(--text-muted);font-size:.83rem}.brand-mark{background:linear-gradient(145deg,#ca6c40f2,#793a25f2);border-radius:16px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #5f2e1d59,inset 0 1px #fff3}.brand-mark svg{fill:none;stroke:#fff5e6;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:26px}.topnav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.topnav a{color:var(--text-primary);border-radius:999px;padding:10px 13px;font-size:.92rem;text-decoration:none;transition:transform .18s,background .18s,color .18s}.topnav a:hover,.topnav a:focus-visible{background:#dce4d41f;transform:translateY(-1px)}.nav-pill{background:#dce4d414;border:1px solid #dce4d438}.hero-section,.section,.quiz-hero,.quiz-result{animation:.7s both rise}.hero-section{grid-template-columns:1.08fr .92fr;gap:22px;padding:40px 0 22px;display:grid}.hero-copy,.hero-panel,.section,.quiz-hero,.quiz-card,.quiz-result{background:linear-gradient(#cbd6c24d,#ebe2ce47),#1e2c288c;border:1px solid #efead673;border-radius:36px;position:relative;overflow:hidden;box-shadow:0 28px 70px #090c0c47,inset 0 1px #ffffff14}.hero-copy,.hero-panel{padding:36px}.hero-copy:after,.section:after,.quiz-card:after,.quiz-hero:after,.quiz-result:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0f,#0000 24%),radial-gradient(circle at 100% 0,#b87c5024,#0000 28%);position:absolute;inset:0}.eyebrow{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:700}.hero-copy h1,.quiz-hero h1,.section-heading h2,.quiz-card h2,.quiz-result h2,.materials-panel h3{font-family:var(--font-display);color:var(--text-primary);margin:0 0 12px;line-height:.96}.hero-copy h1,.quiz-hero h1{font-size:clamp(2.8rem,5vw,5.6rem)}.hero-lead,.quiz-hero p{max-width:62ch;color:var(--text-secondary);font-size:1.06rem}.hero-actions,.quiz-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button,.text-link,.poll-option,.quiz-option,.back-link,.resource-card a,.material-link,.source-card a{transition:transform .18s,box-shadow .18s,background .18s,color .18s}.button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:14px 20px;text-decoration:none}.button:hover,.button:focus-visible,.text-link:hover,.text-link:focus-visible,.poll-option:hover,.poll-option:focus-visible,.quiz-option:hover,.quiz-option:focus-visible,.back-link:hover,.back-link:focus-visible,.resource-card a:hover,.resource-card a:focus-visible,.material-link:hover,.material-link:focus-visible,.source-card a:hover,.source-card a:focus-visible{transform:translateY(-2px)}.button-primary{color:#fff8ee;background:linear-gradient(135deg,#bf6b41,#8d4229);box-shadow:0 16px 34px #783e2359}.button-secondary{color:var(--text-primary);background:#dce4d41a;border:1px solid #dce4d42e}.hero-panel{background:linear-gradient(#bfcfbe1a,#1e2c2873),#1e2c2899;gap:16px;display:grid}.floating-card,.icon-card,.definition-card,.myth-card,.panel-card,.case-card,.skill-card,.resource-card,.contact-form,.contact-note,.poll-response,.quiz-card,.glossary-card,.source-card,.hover-note,.stat-card,.scheme-card,.book-page{background:linear-gradient(#e8e2ce1f,#17221f47),#17221f80;border:1px solid #ebe5cf24;border-radius:28px;box-shadow:0 14px 36px #080c0c33,inset 0 1px #ffffff0d}.floating-card,.icon-card,.definition-card,.myth-card,.panel-card,.case-card,.skill-card,.resource-card,.poll-response,.quiz-card,.contact-note,.glossary-card,.source-card,.hover-note,.stat-card,.scheme-card,.book-page{padding:22px}.interactive-card{transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.interactive-card:hover,.interactive-card:focus-within{border-color:#e2c39c57;transform:translateY(-7px)rotateX(2deg);box-shadow:0 24px 50px #080c0c4d,inset 0 1px #ffffff14}.card-label,.badge,.quiz-number{width:fit-content;color:var(--accent-soft);background:#bf6b4129;border-radius:999px;padding:6px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-illustration{background:linear-gradient(#bccbbe5c,#151d1bb8),radial-gradient(circle at 60% 16%,#f0dda938,#0000 24%);border-radius:28px;min-height:360px;position:relative;overflow:hidden}.mist-layer{filter:blur(18px);background:radial-gradient(circle at 20% 40%,#fff7df2e,#0000 22%),radial-gradient(circle at 74% 20%,#fff7df29,#0000 18%),linear-gradient(#0000,#f2ead91a);height:45%;animation:12s ease-in-out infinite fogShift;position:absolute;inset:auto 0 0}.mist-b{opacity:.7;height:55%;animation-delay:-5s}.tentacle{transform-origin:bottom;background:radial-gradient(circle at 28% 30%,#ffd3b033,#0000 16%),linear-gradient(#b55d39,#77321f);border-radius:999px;width:120px;position:absolute;bottom:-32px;box-shadow:inset 0 0 0 2px #ffe0c117,0 18px 28px #42180e42}.tentacle:after{content:"";background:radial-gradient(circle,#ffe1c6b3 0 35%,#732b1be6 36% 100%);border-radius:999px;width:18px;height:18px;position:absolute;inset:14% 14% auto auto;box-shadow:0 30px 0 2px #ffe1c661,-4px 64px 0 2px #ffe1c647,6px 98px 0 1px #ffe1c638}.tentacle-a{height:240px;animation:8s ease-in-out infinite sway;left:12%;transform:rotate(8deg)}.tentacle-b{height:312px;animation:10s ease-in-out infinite reverse swayB;left:34%;transform:rotate(-12deg)}.tentacle-c{height:270px;animation:9s ease-in-out infinite swayC;right:22%;transform:rotate(10deg)}.tentacle-d{height:214px;animation:11s ease-in-out infinite reverse swayD;right:6%;transform:rotate(-14deg)}.section{margin-top:24px;padding:34px}.section-heading{z-index:1;max-width:76ch;margin-bottom:26px;position:relative}.section-heading.compact{margin-bottom:18px}.section-heading h2,.quiz-card h2,.quiz-result h2{font-size:clamp(2rem,3vw,3.3rem)}.section-heading p,.definition-card p,.myth-card p,.panel-card p,.panel-card li,.case-card p,.skill-card p,.resource-card p,.contact-note p,.contact-form label,.quiz-card p,.quiz-result p,.glossary-card p,.source-card p,.icon-card p,.hover-note p,.book-page p,.book-page li,.stat-card p,.scheme-card p{color:var(--text-secondary)}.icon-card-grid,.overview-grid,.glossary-grid,.resource-grid,.source-list,.case-strip,.stats-grid{gap:16px;display:grid}.icon-card-grid,.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deep-dive,.prevention-layout,.contact-layout,.poll-layout,.scheme-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.atmosphere-section{padding-top:24px}.icon-card{justify-items:start;gap:12px;display:grid}.animated-icon{width:72px;height:72px;stroke:var(--icon-main);fill:none;stroke-width:4.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px #0f131340)}.animated-icon.fog{animation:7s ease-in-out infinite pulseFloat}.animated-icon.shell{animation:8s ease-in-out infinite pulseFloat}.animated-icon.compass{animation:7.5s ease-in-out infinite pulseFloat}.compass .needle{fill:#c96e45b3;stroke:#f2e2c699;transform-origin:60px 60px;animation:8s ease-in-out infinite spinNeedle}.icon-accent-fill,.lantern .glow-core{fill:#f7d184d1;stroke:none}.lantern .glow-core{filter:drop-shadow(0 0 10px #f7d18480);animation:3s ease-in-out infinite glowPulse}.card-grid,.myth-list,.skills-stack,.materials-list,.quiz-list,.book-grid{gap:16px;display:grid}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.book-block{background:linear-gradient(#e8e2ce14,#151f1d57),#151f1d6b;border:1px solid #ebe5cf1f;border-radius:30px;margin-top:18px;padding:22px}.book-header{gap:6px;margin-bottom:16px;display:grid}.book-header h3{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.75rem}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.book-page{transform-origin:0;min-height:220px;position:relative;overflow:hidden}.book-page:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fffaf01f,#0000 26%);position:absolute;inset:0}.book-page:hover,.book-page:focus-within{transform:perspective(900px)rotateY(-8deg)translateY(-8px)}.book-page h4{color:var(--text-primary);margin:0 0 10px;font-size:1.08rem}.book-page ul{margin:10px 0 0;padding-left:18px}.hover-note{align-content:center;display:grid}.spotlight{background:radial-gradient(circle at 100% 0,#bf6b4124,#0000 34%),linear-gradient(#e7dfc51f,#18232047),#1823207a;flex-direction:column;justify-content:center;display:flex}.myth-card{gap:14px;display:grid}.myth-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.myth-head h3,.definition-card h3,.panel-card h3,.case-card h3,.skill-card h3,.resource-card h3,.glossary-card h3,.source-card h3,.icon-card h3,.stat-card h3,.scheme-card h4{color:var(--text-primary);margin:0;font-size:1.16rem}.myth-claim{font-weight:600}.myth-reality{background:#a0ccba14;border:1px solid #dde4d314;border-radius:20px;padding:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.stat-top{gap:8px;display:grid}.stat-top strong{font-family:var(--font-display);color:var(--accent-soft);font-size:2rem}.stat-bar{background:#ffffff14;border-radius:999px;height:10px;margin:14px 0;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#d17852,#ead2a3);border-radius:999px;height:100%}.stat-card small{color:var(--text-muted)}.scheme-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.scheme-flow span{min-height:72px;color:var(--text-primary);text-align:center;background:#bf6b411f;border-radius:18px;place-items:center;padding:10px;font-size:.94rem;display:grid}.scheme-flow.positive span{background:#8db5a11f}.panel-card ul,.prevention-card ul{margin:14px 0 0;padding-left:18px}.panel-card li,.prevention-card li{margin-bottom:10px}.case-strip,.resource-grid,.source-list{grid-template-columns:repeat(3,minmax(0,1fr))}.case-strip.scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-avatar{width:84px;height:110px;margin:8px 0 12px;animation:5s ease-in-out infinite characterFloat;position:relative}.avatar-head{background:#f2cfb0;border-radius:50%;width:28px;height:28px;position:absolute;top:6px;left:28px;box-shadow:inset 0 -3px #00000014}.avatar-body{background:linear-gradient(#a5c6bc,#6d8f85);border-radius:18px 18px 14px 14px;width:36px;height:48px;position:absolute;top:34px;left:24px}.avatar-arm{background:#f2cfb0;border-radius:999px;width:22px;height:10px;position:absolute;top:42px}.arm-left{left:10px;transform:rotate(20deg)}.arm-right{right:10px;transform:rotate(-20deg)}.scenario-avatar.peer .avatar-body{background:linear-gradient(#df8a62,#9d4e31)}.scenario-avatar.shield .avatar-body{background:linear-gradient(#a0b7ca,#5d748b)}.scenario-avatar.alone .avatar-body{background:linear-gradient(#c9b384,#8d7750)}.scenario-avatar.digital .avatar-body{background:linear-gradient(#c088a8,#7f4c6b)}.contact-form{gap:14px;padding:24px;display:grid}.contact-form label{gap:8px;font-size:.96rem;display:grid}.contact-form input,.contact-form textarea{width:100%;font:inherit;color:var(--text-primary);background:#f0ebda0d;border:1px solid #e2e6d421;border-radius:18px;padding:14px 16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.poll-option:focus-visible,.quiz-option:focus-visible,.button:focus-visible,.text-link:focus-visible,.back-link:focus-visible,.topnav a:focus-visible,.resource-card a:focus-visible,.material-link:focus-visible,.source-card a:focus-visible{outline-offset:2px;outline:3px solid #bf6b4142}.contact-side{gap:16px;display:grid}.contact-note{gap:10px;display:grid}.contact-note code{color:#f4ead7;overflow-wrap:anywhere;background:#090e0e99;border-radius:14px;padding:10px 12px;display:block}.contact-note.alt{background:radial-gradient(circle at 100% 0,#a0ccba24,#0000 34%),#17221f7a}.form-status{border-radius:16px;margin:0;padding:12px 14px;font-weight:600}.form-status.success{color:#c9f0de;background:#73b09529}.form-status.warning{color:#ffe2ae;background:#cfa15a29}.form-status.error{color:#ffd0c8;background:#b45a4f29}.poll-options,.quiz-options{gap:12px;display:grid}.poll-option,.quiz-option{color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;background:#f0ebda0a;border:1px solid #e2e6d41a;border-radius:20px;padding:16px 18px}.poll-option.active,.quiz-option.selected{background:linear-gradient(135deg,#bf6b4129,#a0ccba1f);border-color:#bf6b4147}.resource-card,.source-card{gap:12px;display:grid}.resource-card a,.material-link,.source-card a{width:fit-content;color:var(--accent-soft);font-weight:700;text-decoration:none}.materials-panel{background:linear-gradient(#141c1bdb,#0b1010f0),#0b1010e6;border:1px solid #e9e4d32e;border-radius:30px;grid-template-columns:.74fr 1.26fr;gap:18px;margin-top:18px;padding:24px;display:grid;box-shadow:0 24px 56px #080a0a4d,inset 0 1px #ffffff0f}.materials-list{grid-template-columns:repeat(2,minmax(0,1fr))}.material-link{color:#f4ead7;background:#dee6d50f;border-radius:22px;padding:18px}.material-link span{color:#f4ead7b8;margin-bottom:8px;font-size:.86rem;display:block}.warning-banner{color:var(--text-primary);background:#bf6b4124;border-radius:22px;margin-top:18px;padding:18px 20px}.quiz-page{gap:22px;padding-top:34px;display:grid}.quiz-hero,.quiz-result{padding:34px}.back-link,.text-link{width:fit-content;color:var(--accent-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.quiz-feedback{border-radius:20px;margin-top:14px;padding:16px}.quiz-feedback.correct{background:#73b09524}.quiz-feedback.wrong{background:#bf6b4124}@media (width<=1160px){.hero-section,.deep-dive,.prevention-layout,.contact-layout,.poll-layout,.materials-panel,.overview-grid,.scheme-row,.card-grid,.card-grid.triple,.case-strip,.resource-grid,.source-list,.materials-list,.icon-card-grid,.glossary-grid,.book-grid,.stats-grid,.case-strip.scenarios{grid-template-columns:1fr}}@media (width<=860px){.site-shell{width:min(100% - 18px,1260px);padding-top:14px}.topbar{border-radius:24px;flex-direction:column;align-items:flex-start;position:static}.topnav{justify-content:flex-start;width:100%}.hero-copy,.hero-panel,.section,.quiz-hero,.quiz-result{border-radius:28px;padding:24px}.hero-illustration{min-height:280px}.side-tentacles{display:none}}@media (width<=580px){.hero-copy h1,.quiz-hero h1{font-size:2.5rem}.section-heading h2,.quiz-card h2,.quiz-result h2,.materials-panel h3{font-size:1.8rem}.button,.topnav a,.poll-option,.quiz-option{width:100%}.hero-actions,.quiz-actions{display:grid}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.05)}}@keyframes sway{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(16deg)translateY(-8px)}}@keyframes swayB{0%,to{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-10px)}}@keyframes swayC{0%,to{transform:rotate(10deg)translateY(0)}50%{transform:rotate(19deg)translateY(-7px)}}@keyframes swayD{0%,to{transform:rotate(-14deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-10px)}}@keyframes sideSwayLeft{0%,to{transform:rotate(22deg)translateY(0)}50%{transform:rotate(30deg)translateY(-10px)}}@keyframes sideSwayRight{0%,to{transform:rotate(-22deg)translateY(0)}50%{transform:rotate(-30deg)translateY(-10px)}}@keyframes clusterDrift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes stemFloat{0%,to{transform:rotate(0)scaleY(1)}50%{transform:rotate(2.5deg)scaleY(1.01)}}@keyframes flowerNod{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(4deg)scale(1.02)}}@keyframes leafRustle{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes fogShift{0%,to{transform:translate(0)}50%{transform:translate(16px)}}@keyframes pulseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spinNeedle{0%,to{transform:rotate(-18deg)}50%{transform:rotate(16deg)}}@keyframes glowPulse{0%,to{opacity:.9}50%{opacity:.55}}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}