:root{--font-heading:"Avenir Next Condensed","Optima","Trebuchet MS",sans-serif;--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--bg:#f2f4ff;--panel:#fffef9;--panel-strong:#f8f6ff;--line:#102c5024;--ink:#102c50;--muted:#4a607e;--accent:#ef5d2f;--accent-soft:#ffe0d3;--radius-lg:24px;--radius-md:16px;--shadow-soft:0 14px 40px #102c5014}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body),sans-serif;color:var(--ink);background:radial-gradient(circle at center,#102c5014 .7px,transparent .8px),radial-gradient(circle at 18% 12%,#84bdff78,transparent 37%),radial-gradient(circle at 84% 16%,#ff9ad957,transparent 35%),linear-gradient(130deg,#f9fbff 0%,var(--bg)42%,#fef5ff 100%);background-size:16px 16px,125% 125%,125% 125%,125% 125%;line-height:1.4;animation:18s ease-in-out infinite alternate background-shift;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-1;filter:blur(6px);will-change:transform,opacity;position:fixed}body:before{background:radial-gradient(circle at 35% 35%,#64aeff75 0%,#64aeff2e 46%,#0000 74%);width:min(42vw,540px);height:min(42vw,540px);animation:16s ease-in-out infinite alternate float-blue;top:12%;left:-8%}body:after{background:radial-gradient(circle at 52% 43%,#ff7ccd61 0%,#ff91d52b 44%,#0000 74%);width:min(45vw,580px);height:min(45vw,580px);animation:20s ease-in-out infinite alternate float-pink;top:8%;right:-9%}a{color:inherit}.icon{flex:none;width:1em;height:1em}.label-with-icon{align-items:center;gap:.35rem;display:inline-flex}.link-with-icon{align-items:center;gap:.36rem;display:inline-flex}.page-shell{max-width:1160px;margin:0 auto;padding:2.2rem 1.25rem 4rem}.page-shell-narrow{max-width:860px}.hero{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#fffffff5,#ffffffc7),linear-gradient(130deg,#ff804d17,#0000 36%);padding:2.2rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#102c500d 1px,#0000 1px),linear-gradient(#102c500d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.hero>*{position:relative}.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(280px,.74fr);align-items:end;gap:1.25rem;display:grid}.hero-content{min-width:0}.hero-dog-frame{background:linear-gradient(135deg,#e2f0ffe6,#ffdff5bd),#f2f8ff;border:2px solid #102c503d;border-radius:8px;margin:0;padding:.5rem;box-shadow:0 10px 30px #102c5024}.hero-dog-sprite{aspect-ratio:1;width:100%;height:auto;min-height:340px;image-rendering:pixelated;image-rendering:crisp-edges;background-image:linear-gradient(#ecf5ff 0%,#f8ecff 100%),url(/images/pixel-dog-student-sprite.svg);background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;background-size:100% 100%,400% 100%;border:2px solid #102c5047;border-radius:4px;animation:1s steps(4,end) infinite dog-sprite,2.8s ease-in-out infinite alternate dog-bob;display:block}.hero-dog-chip{letter-spacing:.06em;text-transform:uppercase;color:#35537e;background:#ffffffeb;border:1px solid #102c5029;border-radius:999px;width:fit-content;margin:.6rem auto .15rem;padding:.36rem .74rem;font-size:.75rem;font-weight:700}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.85rem;font-weight:700}h1,h2,h3{font-family:var(--font-heading),sans-serif;letter-spacing:-.02em;margin:0;line-height:1.08}h1{max-width:17ch;margin-top:.75rem;font-size:clamp(2rem,5vw,3.8rem)}h2{font-size:clamp(1.5rem,2.5vw,2.4rem)}h3{font-size:clamp(1.2rem,2.1vw,1.6rem)}.hero-copy{color:var(--muted);max-width:65ch;margin-top:1rem;font-size:clamp(1rem,1.5vw,1.18rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.button-link{background:linear-gradient(120deg,var(--accent)0%,#fa8547 100%);color:#fff;border:1px solid #ef5d2f54;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex}.button-link:hover{transform:translateY(-2px)}.text-link{text-underline-offset:3px;font-weight:600;text-decoration-thickness:2px}.hero-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin:1.8rem 0 0;padding:0;display:grid}.hero-metrics div{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffd1;padding:.85rem}.hero-metrics dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.82rem}.hero-metrics dd{margin:0;font-size:1.13rem;font-weight:700}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-soft);margin-top:1.45rem;padding:1.4rem}.panel-alt{background:linear-gradient(132deg,#ffffffeb,#fff1e69e),var(--panel-strong)}.panel-header{gap:.5rem;display:grid}.panel-header p{color:var(--muted);margin:0}.chip-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chip{color:var(--muted);background:#fff;border:1px solid #102c5026;border-radius:999px;padding:.4rem .7rem;font-size:.84rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem;margin-top:1.1rem;display:grid}.course-card{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(170deg,#fffffffa,#f6fbffc7);gap:.72rem;padding:.95rem;display:grid}.course-topline{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.course-school{color:var(--accent);letter-spacing:.03em;margin:0;font-weight:700}.course-price{margin:0;font-weight:700}.course-summary{color:var(--muted);margin:0}.meta-grid{grid-template-columns:1fr;gap:.55rem;margin:0;display:grid}.meta-grid div{border-top:1px dashed #102c5024;padding-top:.4rem}.meta-grid dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.8rem}.meta-grid dd{margin:.2rem 0 0;font-weight:600}.card-actions{align-items:center;margin-top:.2rem;display:flex}.card-source-button{letter-spacing:.03em;width:100%;padding:.56rem .9rem;font-size:.84rem}.machine-cta-panel{background:linear-gradient(132deg,#fffffff2,#eef6ffc7),var(--panel-strong)}.machine-cta-copy{max-width:66ch;color:var(--muted);margin:.72rem 0 0}.machine-cta-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem;display:flex}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.pagination-pages{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pagination-page-wrap{align-items:center;gap:.45rem;display:inline-flex}.pagination-gap{color:var(--muted);font-weight:700}.pagination-link{min-width:2.1rem;color:var(--ink);background:#ffffffe6;border:1px solid #102c5033;border-radius:999px;justify-content:center;align-items:center;padding:.36rem .68rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.pagination-link.is-active{background:linear-gradient(120deg,var(--accent)0%,#fa8547 100%);color:#fff;border-color:#ef5d2f73}.pagination-link.is-disabled{opacity:.45;pointer-events:none}.cta-panel{background:linear-gradient(140deg,#fffffff2,#e9f4ffc2),#fff;gap:.9rem;display:grid}.cta-copy{color:var(--muted);max-width:60ch;margin:.7rem 0 0}.cta-form{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.cta-form input{min-height:44px;font:inherit;color:var(--ink);background:#fffffff0;border:1px solid #102c5038;border-radius:999px;flex:270px;padding:.68rem .9rem}.cta-form input:focus{outline-offset:2px;outline:2px solid #2479dc6b}.cta-note{color:var(--muted);margin:0;font-size:.88rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer-v2{color:#d6e7ff;background:linear-gradient(140deg,#0b2445f2,#1c3974ed),linear-gradient(130deg,#ff99dd40,#7eafff4d);border:1px solid #102c5033;border-radius:20px;margin-top:1.3rem;padding:1rem;box-shadow:0 16px 44px #08173340}.footer-v2-top{background:#ffffff12;border:1px solid #cadfff40;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.72rem .82rem;display:flex}.footer-v2-top p{margin:0;font-weight:600}.footer-v2-top a{letter-spacing:.03em;background:#ffffff1a;border:1px solid #d6e7ff61;border-radius:999px;align-items:center;gap:.35rem;padding:.36rem .66rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.78rem;margin-top:.86rem;display:grid}.footer-v2-card{background:#071c3b85;border:1px solid #c4dcff3d;border-radius:14px;padding:.8rem}.footer-v2-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:800}.footer-v2-copy{color:#c8dcff;margin:.56rem 0 0}.footer-v2-credit{border-top:1px dashed #c5dcff47;margin:.66rem 0 0;padding-top:.56rem;font-size:.9rem;font-weight:600}.footer-v2-credit a{color:#ffd8f4;text-underline-offset:2px}.footer-v2-steps{color:#d2e5ff;gap:.38rem;margin:.56rem 0 0;padding-left:1rem;display:grid}.footer-v2-kpis{flex-wrap:wrap;gap:.45rem;margin-top:.62rem;display:flex}.footer-v2-kpis span{text-transform:uppercase;letter-spacing:.05em;color:#f2f8ff;border:1px solid #cbe1ff52;border-radius:999px;align-items:center;padding:.3rem .58rem;font-size:.75rem;font-weight:700;display:inline-flex}.footer-v2-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem .62rem;margin:.56rem 0 0;padding:0;list-style:none;display:grid}.footer-v2-links a{color:#def0ff;text-underline-offset:2px;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.detail-back{margin-bottom:.95rem}.detail-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#fffffff5,#f4faffdb),#fff;padding:1.4rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.62rem;margin:1rem 0 0;display:grid}.detail-grid div{border:1px solid var(--line);background:#ffffffd1;border-radius:12px;padding:.7rem}.detail-grid dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0;font-size:.8rem}.detail-grid dd{margin:.35rem 0 0;font-weight:700}.detail-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.1rem;display:flex}.reveal{opacity:0;animation:.6s forwards reveal-card;animation-delay:var(--delay,0s);transform:translateY(14px)}@keyframes reveal-card{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes background-shift{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes float-blue{0%{opacity:.85;transform:translateY(-2%)scale(1)}to{opacity:1;transform:translate(9%,8%)scale(1.08)}}@keyframes float-pink{0%{opacity:.76;transform:translate(0,0)scale(.98)}to{opacity:1;transform:translate(-11%,9%)scale(1.1)}}@keyframes dog-bob{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.015)}}@keyframes dog-sprite{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}@media (prefers-reduced-motion:reduce){body,body:before,body:after,.hero-dog-sprite,.reveal{animation:none!important}}@media (max-width:700px){.page-shell{padding:1rem .85rem 2.6rem}.hero,.panel,.detail-card{border-radius:18px;padding:1rem}h1{max-width:100%}.hero-inner{grid-template-columns:1fr}.hero-dog-frame{margin-top:.4rem}.hero-dog-sprite{min-height:260px}.footer-v2-grid,.footer-v2-links{grid-template-columns:1fr}.cta-form .button-link{width:100%}}
