/* Wolf Hack Academy · Phase 02 · Home + Formación · 14.18.0 */
:root{
  --p2-void:#03101f;
  --p2-navy:#061a31;
  --p2-navy-2:#0a2747;
  --p2-cold:#f4f8fc;
  --p2-ice:#edf5fb;
  --p2-blue:#1188ff;
  --p2-cyan:#20d8ff;
  --p2-steel:#7e9ab6;
  --p2-line:rgba(21,118,184,.18);
  --p2-shadow:0 24px 70px rgba(4,35,64,.12);
  --p2-radius:22px;
}
.phase02-page .p2-section{position:relative;overflow:hidden;padding:clamp(4.8rem,7vw,7.4rem) 0;background:linear-gradient(180deg,#fff 0%,var(--p2-cold) 100%)}
.phase02-page .p2-section.p2-dark{color:#fff;background:
 radial-gradient(circle at 75% 20%,rgba(25,167,255,.18),transparent 28%),
 radial-gradient(circle at 18% 78%,rgba(32,216,255,.08),transparent 28%),
 linear-gradient(135deg,#020b16,#061a31 50%,#071f39)}
.phase02-page .p2-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(13,111,174,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,111,174,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 86%)}
.phase02-page .p2-inner{position:relative;z-index:1;width:min(1440px,calc(100% - 48px));margin:auto}
.phase02-page .p2-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:40px;align-items:end;margin-bottom:32px}
.phase02-page .p2-kicker{display:inline-flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",monospace;font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#0876c9}
.phase02-page .p2-dark .p2-kicker{color:var(--p2-cyan)}
.phase02-page .p2-kicker::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--p2-blue),var(--p2-cyan));box-shadow:0 0 14px rgba(32,216,255,.65)}
.phase02-page .p2-title{margin:.72rem 0 0;font-family:"Chakra Petch",sans-serif;font-size:clamp(2.35rem,4.2vw,4.8rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase;color:#071d36;max-width:980px}
.phase02-page .p2-dark .p2-title{color:#fff}
.phase02-page .p2-copy{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.72;color:#486279;max-width:720px}
.phase02-page .p2-dark .p2-copy{color:#b8cbe0}
.phase02-page .p2-console{border:1px solid rgba(22,139,220,.24);border-radius:var(--p2-radius);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,248,253,.84));box-shadow:var(--p2-shadow);overflow:hidden}
.phase02-page .p2-dark .p2-console{border-color:rgba(69,190,255,.23);background:linear-gradient(145deg,rgba(5,24,45,.95),rgba(5,17,33,.88));box-shadow:0 30px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)}
.phase02-page .p2-console-top{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--p2-line);font:700 .68rem/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#315d80}
.phase02-page .p2-dark .p2-console-top{color:#84dfff;border-color:rgba(43,174,238,.18)}
.phase02-page .p2-live{display:inline-flex;align-items:center;gap:8px}.phase02-page .p2-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#18d7a4;box-shadow:0 0 12px #18d7a4}
.phase02-page .p2-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.phase02-page .p2-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.phase02-page .p2-card{position:relative;padding:24px;border:1px solid var(--p2-line);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 10px 32px rgba(5,42,74,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.phase02-page .p2-card:hover{transform:translateY(-4px);border-color:rgba(17,136,255,.4);box-shadow:0 18px 42px rgba(5,42,74,.11)}
.phase02-page .p2-dark .p2-card{border-color:rgba(64,170,235,.18);background:linear-gradient(155deg,rgba(11,40,70,.78),rgba(4,19,36,.86));box-shadow:none}
.phase02-page .p2-card-index{display:block;margin-bottom:18px;font:700 .7rem/1 "IBM Plex Mono",monospace;letter-spacing:.14em;color:#1188ff}.phase02-page .p2-card h3{font-family:"Chakra Petch",sans-serif;font-size:1.28rem;line-height:1.1;margin:0 0 9px;color:#0a2340}.phase02-page .p2-card p{margin:0;color:#5d7387;line-height:1.58;font-size:.92rem}.phase02-page .p2-dark .p2-card h3{color:#fff}.phase02-page .p2-dark .p2-card p{color:#a9bed1}
.phase02-page .p2-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f9fcff,#e9f4fc);border:1px solid rgba(19,128,202,.18);margin-bottom:18px;box-shadow:inset 0 1px #fff,0 8px 18px rgba(12,91,146,.08)}
.phase02-page .p2-icon img{max-width:46px;max-height:46px;object-fit:contain}.phase02-page .p2-dark .p2-icon{background:linear-gradient(145deg,rgba(17,57,93,.92),rgba(5,25,47,.94));border-color:rgba(59,185,246,.25)}
/* Home: Learn / Practice / Protect */
.p2-ecosystem{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:stretch}
.p2-domain-tabs{display:flex;flex-direction:column;gap:10px}.p2-domain-tab{appearance:none;text-align:left;padding:22px 22px;border-radius:17px;border:1px solid rgba(45,160,224,.18);background:rgba(7,31,56,.7);color:#b9cde0;cursor:pointer;transition:.22s ease}.p2-domain-tab b{display:block;font:700 1.45rem/1 "Chakra Petch",sans-serif;color:#fff;letter-spacing:.03em}.p2-domain-tab span{display:block;margin-top:7px;font-size:.86rem;line-height:1.45}.p2-domain-tab[aria-selected="true"]{background:linear-gradient(135deg,#0a61be,#078be0 58%,#05b9da);border-color:rgba(122,225,255,.72);box-shadow:0 14px 34px rgba(0,121,214,.22)}
.p2-domain-panel{display:none;height:100%}.p2-domain-panel.is-active{display:grid;grid-template-columns:1fr .92fr;gap:18px}.p2-domain-copy{padding:34px}.p2-domain-copy h3{font-family:"Chakra Petch",sans-serif;font-size:clamp(2rem,3vw,3rem);margin:0 0 12px;color:#fff}.p2-domain-copy p{color:#b6c9db;line-height:1.65}.p2-domain-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.p2-domain-links a{border:1px solid rgba(75,188,247,.26);border-radius:999px;padding:9px 13px;color:#d9efff;font-size:.78rem;text-decoration:none;background:rgba(10,55,91,.64)}
.p2-domain-visual{position:relative;min-height:320px;overflow:hidden;background:linear-gradient(155deg,rgba(9,50,88,.78),rgba(2,14,28,.92));border-left:1px solid rgba(51,172,236,.15)}.p2-domain-visual img{width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(.9) contrast(1.08)}.p2-domain-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a31 0%,transparent 45%),radial-gradient(circle at 65% 55%,rgba(18,154,255,.2),transparent 40%)}
.p2-domain-metrics{position:absolute;z-index:2;inset:auto 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.p2-domain-metric{padding:12px;border-radius:12px;border:1px solid rgba(78,194,255,.2);background:rgba(2,19,36,.76);backdrop-filter:blur(8px)}.p2-domain-metric b{display:block;color:#fff;font-family:"Chakra Petch",sans-serif}.p2-domain-metric span{font:600 .61rem/1.3 "IBM Plex Mono",monospace;color:#73caee;letter-spacing:.09em}
/* Certification marketplace */
.p2-market-toolbar{position:sticky;top:78px;z-index:12;display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.6fr)) auto;gap:10px;align-items:center;padding:13px;border:1px solid rgba(24,131,202,.2);border-radius:18px;background:rgba(248,252,255,.93);backdrop-filter:blur(15px);box-shadow:0 16px 34px rgba(8,50,82,.08);margin:20px 0 26px}.p2-market-toolbar input,.p2-market-toolbar select{height:46px;border:1px solid rgba(29,126,191,.18);border-radius:12px;background:#fff;color:#0d2a45;padding:0 14px;font:600 .84rem/1 Manrope,sans-serif}.p2-market-count{display:grid;place-items:center;height:46px;min-width:92px;border-radius:12px;background:#061b32;color:#fff;font:700 .74rem/1 "IBM Plex Mono",monospace;letter-spacing:.08em}.p2-market-count b{color:#28d7ff;margin-right:4px}
.p2-cert-legend{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.p2-cert-legend span{padding:8px 12px;border-radius:999px;background:#edf6fd;border:1px solid rgba(29,126,191,.12);font:700 .68rem/1 "IBM Plex Mono",monospace;color:#315b79;letter-spacing:.04em}
/* Career navigation */
.p2-career-console{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.p2-profile{padding:26px}.p2-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.p2-profile-score{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#13a4ff var(--p2-score,15%),#dbeaf5 0);position:relative}.p2-profile-score::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.p2-profile-score strong{position:relative;z-index:1;font:700 1.45rem/1 "Chakra Petch",sans-serif;color:#0a2a47}.p2-skillmap{position:relative;min-height:360px;padding:24px;background:linear-gradient(145deg,#041529,#082a49);overflow:hidden}.p2-skillmap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(16,154,247,.18),transparent 38%),linear-gradient(rgba(48,170,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,170,232,.08) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.p2-skill-node{position:absolute;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;width:92px;height:92px;border-radius:50%;border:1px solid rgba(67,198,255,.34);background:rgba(4,31,56,.86);box-shadow:0 0 0 8px rgba(20,129,190,.04),0 0 26px rgba(25,172,255,.1);font:700 .62rem/1.2 "IBM Plex Mono",monospace;color:#ccecff}.p2-skill-node.core{left:50%;top:50%;width:116px;height:116px;border-color:#2ad9ff;background:linear-gradient(145deg,#0965b0,#07385f);color:#fff}.p2-skill-node.n1{left:20%;top:25%}.p2-skill-node.n2{left:80%;top:25%}.p2-skill-node.n3{left:17%;top:75%}.p2-skill-node.n4{left:82%;top:73%}.p2-skill-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#29cfff,transparent);opacity:.46;transform-origin:0 50%;z-index:1}.p2-skill-line.l1{width:35%;left:22%;top:31%;transform:rotate(28deg)}.p2-skill-line.l2{width:35%;left:50%;top:49%;transform:rotate(-28deg)}.p2-skill-line.l3{width:35%;left:20%;top:72%;transform:rotate(-27deg)}.p2-skill-line.l4{width:35%;left:50%;top:50%;transform:rotate(25deg)}
.p2-route-stage{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.p2-route-stage div{position:relative;padding:15px 11px;border:1px solid rgba(22,129,199,.16);border-radius:13px;background:#f7fbfe;text-align:center}.p2-route-stage b{display:block;font:700 .7rem/1 "IBM Plex Mono",monospace;color:#0c7cca}.p2-route-stage span{display:block;margin-top:7px;font-size:.78rem;color:#35536b}
/* Comparison */
.p2-compare-intel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.p2-intel-tile{padding:18px;border-radius:16px;border:1px solid rgba(24,134,202,.15);background:linear-gradient(155deg,#fff,#eff7fc)}.p2-intel-tile small{display:block;font:700 .63rem/1 "IBM Plex Mono",monospace;color:#4e7592;letter-spacing:.1em}.p2-intel-tile strong{display:block;margin-top:9px;font:700 1rem/1.25 "Chakra Petch",sans-serif;color:#0a2b49}
/* Live course studio */
.p2-live-studio{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.p2-session-map{padding:28px}.p2-session-line{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(30,127,190,.13)}.p2-session-line:last-child{border-bottom:0}.p2-session-num{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#071d36;color:#25d7ff;font:700 .76rem/1 "IBM Plex Mono",monospace}.p2-session-line strong{display:block;color:#0b2944}.p2-session-line span{display:block;margin-top:4px;font-size:.82rem;color:#698196}.p2-session-line em{font-style:normal;font:700 .66rem/1 "IBM Plex Mono",monospace;color:#1480c2}.p2-live-dash{padding:26px;background:linear-gradient(145deg,#06182c,#082b4b);color:#fff}.p2-live-dash h3{font-family:"Chakra Petch",sans-serif;font-size:1.7rem}.p2-studio-metric{display:flex;justify-content:space-between;align-items:end;padding:14px 0;border-bottom:1px solid rgba(80,180,231,.15)}.p2-studio-metric span{font-size:.8rem;color:#9db9ce}.p2-studio-metric b{font:700 1.05rem/1 "IBM Plex Mono",monospace;color:#37d9ff}
/* Learning platform */
.p2-learning-architecture{display:grid;grid-template-columns:.38fr .62fr;gap:18px}.p2-learning-nav{padding:12px}.p2-learning-tab{width:100%;text-align:left;border:0;border-bottom:1px solid rgba(34,125,186,.12);padding:17px;border-radius:12px;background:transparent;cursor:pointer;color:#4b647a}.p2-learning-tab b{display:block;color:#0b2944;font-family:"Chakra Petch",sans-serif;font-size:1.02rem}.p2-learning-tab[aria-selected="true"]{background:linear-gradient(135deg,#061b33,#0a4e82);color:#a9cde5;box-shadow:0 12px 24px rgba(6,48,82,.14)}.p2-learning-tab[aria-selected="true"] b{color:#fff}.p2-learning-stage{position:relative;min-height:420px;padding:12px;background:#07182d}.p2-learning-stage img{width:100%;height:100%;min-height:395px;object-fit:contain;background:#07182d;border-radius:14px}.p2-learning-hud{position:absolute;left:24px;right:24px;bottom:24px;display:flex;gap:8px;flex-wrap:wrap}.p2-learning-hud span{padding:8px 10px;border:1px solid rgba(87,204,255,.25);border-radius:9px;background:rgba(4,26,48,.82);color:#bfe9ff;font:700 .62rem/1 "IBM Plex Mono",monospace;backdrop-filter:blur(8px)}
/* Self study */
.p2-pace-console{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p2-pace-timeline{padding:28px}.p2-pace-row{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:15px 0}.p2-pace-row:not(:last-child){border-bottom:1px solid rgba(25,123,190,.12)}.p2-pace-row b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#071f3a;color:#27d8ff;font:700 .68rem/1 "IBM Plex Mono",monospace}.p2-pace-row strong{display:block;color:#0b2a47}.p2-pace-row span{font-size:.83rem;color:#668096}.p2-pace-matrix{padding:28px;background:linear-gradient(145deg,#051629,#092c4b);color:#fff}.p2-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:20px}.p2-week-grid span{aspect-ratio:1;border-radius:9px;border:1px solid rgba(79,190,241,.18);background:rgba(17,73,112,.33)}.p2-week-grid span:nth-child(3n+1),.p2-week-grid span:nth-child(5n){background:linear-gradient(145deg,#0b71c8,#0a9dd2);box-shadow:0 0 20px rgba(22,170,232,.08)}
/* Calendar */
.p2-calendar-ops{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.p2-cal-stat{padding:19px;border-radius:16px;border:1px solid rgba(24,131,200,.15);background:#fff}.p2-cal-stat small{font:700 .62rem/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#6e879a}.p2-cal-stat strong{display:block;margin-top:9px;font:700 1.5rem/1 "Chakra Petch",sans-serif;color:#082945}.p2-cal-stat span{display:block;margin-top:6px;font-size:.76rem;color:#6b8192}
/* Enrollment */
.p2-enroll-context{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:22px}.p2-enroll-map{padding:24px}.p2-enroll-path{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.p2-enroll-path div{padding:12px 8px;border-radius:12px;border:1px solid rgba(21,126,196,.14);background:#f6fbfe;text-align:center}.p2-enroll-path b{display:block;font:700 .7rem/1 "IBM Plex Mono",monospace;color:#0b84d1}.p2-enroll-path span{display:block;margin-top:7px;font-size:.72rem;color:#4f6a80}.p2-enroll-side{padding:24px;background:linear-gradient(145deg,#061a31,#0a3153);color:#fff}.p2-enroll-side strong{display:block;font-family:"Chakra Petch",sans-serif;font-size:1.35rem}.p2-enroll-side p{color:#a8c2d7;font-size:.86rem;line-height:1.55}.p2-enroll-side ul{padding:0;list-style:none;margin:18px 0 0}.p2-enroll-side li{padding:9px 0;border-bottom:1px solid rgba(93,189,238,.13);font-size:.8rem;color:#d2e8f7}.p2-enroll-side li::before{content:"✓";margin-right:8px;color:#32d7ff}
/* New visual polish for existing Phase 02 page shells */
.phase02-page .public-hero,.phase02-page .tool-hero,.phase02-page .page-hero{position:relative;isolation:isolate}.phase02-page .public-hero::after,.phase02-page .tool-hero::after,.phase02-page .page-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 36%,rgba(29,170,255,.14),transparent 24%),linear-gradient(90deg,transparent 49.8%,rgba(70,174,234,.06) 50%,transparent 50.2%);background-size:auto,42px 42px}
.phase02-page .section-head h2{max-width:900px}
.phase02-page .wizard-shell{box-shadow:0 30px 70px rgba(5,38,68,.11);border-radius:24px;overflow:hidden}
.phase02-page .comparison-table,.phase02-page .compare-table{border-radius:18px;overflow:auto;box-shadow:0 18px 45px rgba(6,43,76,.08)}
@media(max-width:1100px){.p2-ecosystem,.p2-career-console,.p2-live-studio,.p2-learning-architecture,.p2-pace-console,.p2-enroll-context{grid-template-columns:1fr}.p2-domain-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.p2-domain-panel.is-active{grid-template-columns:1fr}.p2-market-toolbar{position:relative;top:auto;grid-template-columns:1fr 1fr}.p2-market-toolbar input{grid-column:1/-1}.phase02-page .p2-grid-4,.p2-compare-intel,.p2-calendar-ops{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.phase02-page .p2-inner{width:min(100% - 28px,1440px)}.phase02-page .p2-head{grid-template-columns:1fr;gap:18px}.phase02-page .p2-grid-3,.phase02-page .p2-grid-4,.p2-compare-intel,.p2-calendar-ops{grid-template-columns:1fr}.p2-domain-tabs{grid-template-columns:1fr}.p2-domain-panel.is-active{display:block}.p2-domain-visual{min-height:280px}.p2-market-toolbar{grid-template-columns:1fr}.p2-market-toolbar input{grid-column:auto}.p2-route-stage,.p2-enroll-path{grid-template-columns:1fr}.p2-skillmap{min-height:320px}.p2-skill-node{width:72px;height:72px;font-size:.54rem}.p2-skill-node.core{width:96px;height:96px}.p2-week-grid{grid-template-columns:repeat(7,1fr)}.phase02-page .p2-section{padding:4rem 0}}
@media(prefers-reduced-motion:reduce){.phase02-page .p2-card,.phase02-page .p2-domain-tab{transition:none!important}.phase02-page .p2-card:hover{transform:none}}
.p2-enroll-path div.is-current{background:linear-gradient(145deg,#086bc2,#0ba6dc);border-color:#44d7ff;box-shadow:0 10px 24px rgba(7,127,203,.18)}.p2-enroll-path div.is-current b,.p2-enroll-path div.is-current span{color:#fff}
.p2-profile-score{--p2-score:12%}.phase02-page .p2-mt-20{margin-top:20px}.phase02-page .p2-muted-on-dark{color:#a9c4d8;line-height:1.6;font-size:.86rem}.phase02-page .p2-console-title{font-family:"Chakra Petch",sans-serif;font-size:1.7rem;margin:.8rem 0 0}.phase02-page .p2-static-metrics{position:static;margin-top:18px}