:root{--bg:#0d0d1a;--bg2:#111125;--card:#161630;--card-h:#1c1c3d;--bdr:#c878dc1f;--bdr-h:#e91e6359;--pink:#e91e63;--pink-lt:#f48fb1;--purp:#9c27b0;--purp-lt:#ce93d8;--mag:#c2185b;--txt:#eeeef2;--txt2:#9999b0;--txt3:#666680;--warn:#ff9800;--warn-bg:#ff980014;--grd:linear-gradient(135deg,#e91e63,#9c27b0);--shadow:0 4px 30px #0000004d;--glow:0 0 40px #e91e630f;--cat-blue:#42a5f5;--cat-green:#66bb6a;--cat-purple:#ce93d8;--cat-pink:#f48fb1;--cat-orange:#ffa726;--cat-red:#ef5350}.csp-page{background:var(--bg);color:var(--txt);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.75}.csp-page *{box-sizing:border-box}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 30% 40%,#e91e630f 0%,#0000 55%),radial-gradient(at 70% 60%,#9c27b00d 0%,#0000 55%);position:absolute;inset:0}.hero-banner{filter:drop-shadow(0 0 40px #e91e6326);border-radius:12px;width:90%;max-width:600px;height:auto;margin-bottom:32px}.hero-tag{letter-spacing:3px;text-transform:uppercase;background:var(--grd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600}.hero h1{background:linear-gradient(135deg,#f48fb1,#ce93d8,#f48fb1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:900;line-height:1.1}.hero-sub{color:var(--txt2);max-width:600px;margin-bottom:40px;font-size:1.15rem;font-style:italic}.hero-principle{color:var(--txt3);letter-spacing:1px;max-width:700px;font-size:.95rem}.hero-principle strong{color:var(--pink-lt);font-weight:600}.scroll-hint{color:var(--txt3);letter-spacing:2px;text-transform:uppercase;margin-top:50px;font-size:.8rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.origin{text-align:center;max-width:800px;margin:0 auto;padding:40px 24px 80px}.origin h2{color:var(--pink-lt);margin-bottom:24px;font-family:Playfair Display,serif;font-size:1.8rem}.origin p{color:var(--txt2);text-align:left;margin-bottom:16px;font-size:1rem}.camp{background:var(--card);border:1px solid var(--bdr);text-align:left;color:var(--txt2);border-radius:12px;margin:12px 0;padding:16px 20px}.camp strong{color:var(--pink)}.punchline{margin-top:24px;font-size:1.1rem;font-weight:600;color:var(--txt)!important;text-align:center!important}.grid-section{max-width:1100px;margin:0 auto;padding:20px 24px 80px}.grid-section h2{text-align:center;color:var(--txt2);margin-bottom:40px;font-family:Playfair Display,serif;font-size:1.6rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cat-header{border-bottom:1px solid var(--bdr);grid-column:1/-1;align-items:center;gap:12px;margin-top:28px;margin-bottom:4px;padding-bottom:8px;display:flex}.cat-header:first-child{margin-top:0}.cat-header span.cat-icon{font-size:1.3rem}.cat-header h3{color:var(--pink-lt);letter-spacing:1px;margin:0;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.card{background:var(--card);border:1px solid var(--bdr);cursor:pointer;border-radius:16px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}.card:hover{background:var(--card-h);border-color:var(--bdr-h);box-shadow:var(--glow);transform:translateY(-3px)}.card-icon{margin-bottom:12px;font-size:2rem;display:block}.card h3{color:var(--pink-lt);margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.2rem}.card p{color:var(--txt2);font-size:.9rem;line-height:1.6}.card-arrow{color:var(--txt3);font-size:1.2rem;transition:all .3s;position:absolute;top:24px;right:20px}.card:hover .card-arrow{color:var(--pink);transform:translate(3px)}.cat-header.cat-blue h3{color:var(--cat-blue)}.cat-header.cat-blue{border-bottom-color:#42a5f540}.card.cat-blue h3{color:var(--cat-blue)}.card.cat-blue:hover{border-color:#42a5f559;box-shadow:0 0 40px #42a5f50f}.card.cat-blue:hover .card-arrow{color:var(--cat-blue)}.cat-header.cat-green h3{color:var(--cat-green)}.cat-header.cat-green{border-bottom-color:#66bb6a40}.card.cat-green h3{color:var(--cat-green)}.card.cat-green:hover{border-color:#66bb6a59;box-shadow:0 0 40px #66bb6a0f}.card.cat-green:hover .card-arrow{color:var(--cat-green)}.cat-header.cat-purple h3{color:var(--cat-purple)}.cat-header.cat-purple{border-bottom-color:#ce93d840}.card.cat-purple h3{color:var(--cat-purple)}.card.cat-purple:hover{border-color:#ce93d859;box-shadow:0 0 40px #ce93d80f}.card.cat-purple:hover .card-arrow{color:var(--cat-purple)}.cat-header.cat-pink h3{color:var(--cat-pink)}.cat-header.cat-pink{border-bottom-color:#f48fb140}.card.cat-pink h3{color:var(--cat-pink)}.card.cat-pink:hover{border-color:#f48fb159;box-shadow:0 0 40px #f48fb10f}.card.cat-pink:hover .card-arrow{color:var(--cat-pink)}.cat-header.cat-orange h3{color:var(--cat-orange)}.cat-header.cat-orange{border-bottom-color:#ffa72640}.card.cat-orange h3{color:var(--cat-orange)}.card.cat-orange:hover{border-color:#ffa72659;box-shadow:0 0 40px #ffa7260f}.card.cat-orange:hover .card-arrow{color:var(--cat-orange)}.cat-header.cat-red h3{color:var(--cat-red)}.cat-header.cat-red{border-bottom-color:#ef535040}.card.cat-red h3{color:var(--cat-red)}.card.cat-red:hover{border-color:#ef535059;box-shadow:0 0 40px #ef53500f}.card.cat-red:hover .card-arrow{color:var(--cat-red)}.drill{max-width:800px;margin:0 auto;padding:40px 24px 80px;animation:.4s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drill-back{color:var(--pink);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:30px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:color .2s;display:inline-flex}.drill-back:hover{color:var(--pink-lt)}.drill h2{background:var(--grd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Playfair Display,serif;font-size:2rem}.drill h3{color:var(--pink-lt);border-top:1px solid var(--bdr);margin:32px 0 12px;padding-top:20px;font-family:Playfair Display,serif;font-size:1.3rem}.drill h3:first-of-type{border-top:none;padding-top:0}.drill p{color:var(--txt2);margin-bottom:14px;font-size:.95rem}.position{background:var(--card);border-left:3px solid var(--pink);color:var(--txt2);border-radius:0 10px 10px 0;margin:16px 0;padding:16px 20px}.position strong{color:var(--pink-lt)}.warn-box{background:var(--warn-bg);border-left:3px solid var(--warn);color:var(--warn);border-radius:0 10px 10px 0;margin:16px 0;padding:14px 18px;font-size:.88rem}.drill ul{color:var(--txt2);margin:12px 0 12px 20px;font-size:.95rem}.drill li{margin-bottom:8px}.closing{text-align:center;max-width:700px;margin:0 auto;padding:80px 24px}.principle{color:var(--txt2);margin:8px 0;font-family:Playfair Display,serif;font-size:1.15rem}.principle.last{color:var(--pink);margin-top:16px;font-size:1.3rem;font-weight:700}.tree{flex-direction:column;align-items:center;gap:4px;margin-bottom:50px;display:flex}.closing hr{border:none;border-top:1px solid var(--bdr);margin:40px 0}.footnote{color:var(--txt3);font-size:.85rem;font-style:italic}.footnote.warn-note{color:var(--warn)}.author{text-align:center;max-width:700px;margin:0 auto;padding:0 24px 80px}.author h2{color:var(--pink-lt);margin-bottom:20px;font-family:Playfair Display,serif;font-size:1.5rem}.author p{color:var(--txt2);text-align:left;margin-bottom:14px;font-size:.93rem}.sign-off{color:var(--txt3);margin-top:24px;font-style:italic;text-align:center!important}@media (max-width:900px){.card-grid{grid-template-columns:1fr}.hero h1{font-size:2rem}.drill h2{font-size:1.5rem}}