/* AIDobby's blue, cyan and violet identity, expressed through light and movement. */
:root{--violet:#7748ff;--electric:linear-gradient(115deg,#165dff 8%,#287cff 48%,#7748ff 100%);--aurora:linear-gradient(135deg,#edfaff 0%,#f5f8ff 48%,#f2edff 100%)}
.announcement{background:linear-gradient(100deg,#06152e,#13377b 65%,#342269)}
.site-header{background:linear-gradient(100deg,#fffffffa,#f5f8fff5)}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 3% 7%,#32d9f421,transparent 48%),radial-gradient(ellipse at 92% 90%,#7748ff18,transparent 52%),linear-gradient(135deg,#fff,#f5f8ff);}
.hero:before{content:"";position:absolute;z-index:-1;width:550px;height:550px;right:-170px;top:-290px;border-radius:50%;background:radial-gradient(circle,#32d9f422,transparent 68%);animation:aurora-drift 12s ease-in-out infinite alternate;pointer-events:none}
.hero h1 span,.gradient-text{color:#165dff;background:var(--electric);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-bottom:.09em}
.hero h1{margin-bottom:18px}.hero-description{font-size:16px;line-height:1.75}
.button:not(.secondary):not(.ghost):not(.light){background:var(--electric);border-color:transparent;box-shadow:0 6px 18px #165dff20;position:relative;overflow:hidden}
.button:not(.secondary):not(.ghost):not(.light):after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff25 50%,transparent 80%);transform:translateX(-120%);transition:transform .6s;pointer-events:none}
.button:hover:after{transform:translateX(120%)}.button:hover svg,.inline-link:hover svg{transform:translateX(4px)}.button svg,.inline-link svg{transition:transform .25s}
.hero-media{animation:hero-enter .85s ease both}.hero-copy{animation:hero-enter .65s ease both}
.video-stage{border:1px solid #ffffff80;box-shadow:0 24px 70px #165dff18,0 5px 12px #06152e10}
.video-art{background:radial-gradient(ellipse at 15% 0,#165dff66,transparent 65%),radial-gradient(ellipse at 110% 100%,#7748ff66,transparent 65%),linear-gradient(145deg,#06152e,#0c234d)}
.video-art img{animation:mascot-float 6s ease-in-out infinite}.orbit-one{border-color:#32d9f425}.orbit-two{border-color:#7748ff45;animation:orbit-breathe 8s ease-in-out infinite alternate}
.facts{background:linear-gradient(100deg,#ffffff,#f0f9ff 50%,#f8f5ff)}
.program{background:linear-gradient(180deg,#ffffff,#fbfcff)}
.learning-main{background:linear-gradient(135deg,#ecf7ff,#f1f3ff)}.learning-ai{background:linear-gradient(135deg,#eafcff,#eef2ff 65%,#f2edff)}.learning-bottom{background:linear-gradient(110deg,#06152e,#123875 65%,#35266d)}
.learning-grid article{transition:transform .35s,box-shadow .35s}.learning-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 40px #165dff10}
.card-icon{box-shadow:0 6px 18px #165dff0c}.curriculum{background:radial-gradient(ellipse at 0 100%,#32d9f418,transparent 50%),var(--aurora)}
.curriculum-list details[open]{background:#ffffff85;border-radius:14px;padding-inline:18px;margin-inline:-18px;border-bottom-color:transparent;box-shadow:0 6px 20px #081a3805}.curriculum-list summary:hover{color:var(--accent)}
.dobby{background:radial-gradient(ellipse at 95% 0,#7748ff40,transparent 55%),radial-gradient(ellipse at 10% 100%,#165dff50,transparent 65%),linear-gradient(130deg,#06152e,#0b2148)}
.dobby-avatar{background:var(--electric)}.chat-example{border:1px solid #dce4f2;box-shadow:16px 16px 0 #32d9f415,0 25px 65px #06152e40}.chat-question{background:linear-gradient(110deg,#edfaff,#f3efff)}
.support{background:linear-gradient(145deg,#ffffff 20%,#f5f8ff)}.support-symbol{background:var(--electric);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.certificate-section{background:linear-gradient(115deg,#edfaff,#f5f8ff 50%,#f1ecff)}
.certificate-sample{transition:transform .4s,box-shadow .4s}.certificate-sample:hover{transform:rotate(0);box-shadow:0 20px 45px #165dff15}
.pricing{background:radial-gradient(ellipse at 50% 90%,#7748ff12,transparent 65%),linear-gradient(180deg,#ffffff,#f8fbff)}.pricing-heading{margin-bottom:45px}.pricing-heading p{max-width:550px;line-height:1.8}
.lifetime-plan{display:grid;grid-template-columns:1.18fr 1fr;max-width:1050px;margin:auto;border:1px solid #d6ddff;border-radius:28px;overflow:hidden;box-shadow:0 24px 75px #165dff0e;background:white}
.lifetime-benefits{padding:48px;background:linear-gradient(140deg,#fff,#f3f9ff 70%,#f2efff)}.plan-kicker{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:800;display:block;margin-bottom:22px}.lifetime-benefits h3{font-size:35px}.lifetime-benefits>p{font-size:13px;max-width:430px}.lifetime-benefits .plan-features{padding-top:8px;display:grid;grid-template-columns:1fr;gap:0}.lifetime-benefits .plan-features li{font-size:12px;margin:9px 0}.lifetime-benefits .plan-features svg{width:17px;height:19px}
.lifetime-price{position:relative;isolation:isolate;padding:55px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 100% 0,#7748ff40,transparent 65%),radial-gradient(ellipse at 0 100%,#32d9f425,transparent 65%),linear-gradient(145deg,#081a38,#12316c);color:white}
.lifetime-badge{display:inline-flex;align-items:center;gap:9px;color:#9ff3ff;border:1px solid #32d9f450;background:#32d9f40b;border-radius:30px;padding:9px 14px;font-size:9px;font-weight:800;letter-spacing:.08em}.lifetime-badge svg{width:16px;height:16px}.price-display{font-size:94px;font-weight:800;letter-spacing:-.07em;line-height:1;margin:34px 0 15px;background:linear-gradient(110deg,#fff,#b9efff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:6px}
.lifetime-price .payment-caption{font-size:12px;color:#dce4f2}.price-divider{height:1px;background:linear-gradient(90deg,transparent,#ffffff40,transparent);width:100%;margin:20px 0 25px}.lifetime-price>p{font-size:12px;color:#dce4f2}.lifetime-price>.button{width:100%;margin:15px 0 12px;background:linear-gradient(110deg,#165dff,#287cff 65%,#7748ff);min-height:56px}.secure-caption{font-size:9px;color:#dce4f2}.lifetime-footnote{display:flex;align-items:flex-start;gap:11px;text-align:left;padding-top:30px;font-size:10px;color:#dce4f2;max-width:330px}.lifetime-footnote svg{width:17px;flex-shrink:0;color:#32d9f4}
.faq{background:linear-gradient(135deg,#eff9ff,#f5f8ff 50%,#f6f1ff)}.final-cta{background:radial-gradient(ellipse at 90% 5%,#32d9f470,transparent 48%),linear-gradient(115deg,#165dff,#354ff0 55%,#7748ff)}.cta-star{animation:star-turn 18s ease-in-out infinite alternate}.site-footer{background:radial-gradient(ellipse at 100% 0,#7748ff20,transparent 60%),linear-gradient(120deg,#06152e,#0b2148)}
.standard-page{position:relative}.standard-page:before{content:"";position:absolute;inset:0 calc((1200px - 100vw)/2);z-index:-1;background:radial-gradient(ellipse at 100% 0,#7748ff0c,transparent 65%),radial-gradient(ellipse at 0 20%,#32d9f410,transparent 60%);pointer-events:none}.portal-card{background:linear-gradient(135deg,#f5f8ff,#effaff 60%,#f4f0ff)}
.motion-enter{animation:section-enter .75s cubic-bezier(.2,.7,.2,1) both}.footer-top a:hover{color:var(--cyan)}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes section-enter{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes mascot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes aurora-drift{to{transform:translate(-70px,60px) scale(1.15)}}
@keyframes orbit-breathe{to{transform:scale(.9)}}
@keyframes star-turn{to{transform:rotate(30deg)}}
@media(max-width:800px){.lifetime-benefits{padding:35px}.lifetime-price{padding:40px 30px}.lifetime-benefits h3{font-size:29px}.price-display{font-size:80px}.lifetime-benefits .plan-features li{font-size:11px}.hero-description{font-size:13px}.standard-page:before{inset:0 -24px}}
@media(max-width:600px){.hero-description{font-size:13px}.lifetime-plan{grid-template-columns:1fr;border-radius:22px}.lifetime-price{order:-1;padding:34px 28px}.lifetime-benefits{padding:30px 25px}.lifetime-benefits h3{font-size:29px}.lifetime-benefits .plan-features li{font-size:12px}.price-display{font-size:84px;margin:24px 0 12px}.lifetime-price .price-divider{margin:13px 0 16px}.lifetime-price>.button{margin-top:9px}.lifetime-footnote{padding-top:23px;font-size:10px}.pricing-heading{margin-bottom:32px}.lifetime-benefits>p{font-size:12px}.lifetime-badge{font-size:9px}.standard-page:before{inset:0 -18px}.mobile-enroll{background:linear-gradient(100deg,#fffffffa,#f3f5fffa)}.mobile-enroll strong{font-size:12px}.curriculum-list details[open]{padding-inline:12px;margin-inline:-12px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-media,.hero-copy,.video-art img,.orbit-two,.cta-star,.motion-enter{animation:none!important;transform:none!important;opacity:1!important}.learning-grid article:hover,.certificate-sample:hover,.button:hover svg,.inline-link:hover svg{transform:none}.button:after{display:none}}

/* Preserve the complete official logo; the SVG viewBox removes only empty margins. */
.site-header .brand{display:flex;align-items:center;justify-content:center;width:120px;height:78px;overflow:visible}.site-header .brand img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.hero-media .video-stage:has(video){aspect-ratio:16/9}
@media(max-width:600px){.site-header .brand{width:98px;height:64px}}