*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1027;color:#f7f5ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aebdff;outline-offset:6px}[hidden]{display:none!important}.ambient{position:absolute;inset:0 0 auto;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 72% 32%,#5631a92c,transparent 52%),radial-gradient(ellipse at 18% 68%,#194b8826,transparent 45%);z-index:-1}header,main,footer{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;gap:14px;align-items:center;font-size:19px;line-height:1.15;font-weight:650;letter-spacing:-.5px}.brand-sub{display:block;font-size:14px;color:#b7adc9;font-weight:400;margin-top:5px;letter-spacing:1.5px}.brand-mark{width:43px;height:43px;border:1px solid #b296fd66;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:25px;font-style:italic;background:linear-gradient(135deg,#40306d,#151b35);box-shadow:inset 1px 1px 8px #c5a8ff20}.brand-mark span{color:#b79bff;font-size:19px;margin-left:-3px;margin-top:12px}header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#d0cadd}.small{background:#ffffff08;border:1px solid #ffffff25;color:#eee8ff;padding:10px 18px;border-radius:30px}.small span{margin-left:14px}.hero{padding:68px 0 42px;max-width:850px}.eyebrow{color:#c1b6e3;font-size:11px;letter-spacing:2.7px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;background:#a591ff;box-shadow:0 0 10px #bdaaff;border-radius:50%;margin-right:8px}h1{font-size:clamp(46px,5.5vw,72px);font-weight:500;letter-spacing:-3px;line-height:1.09;margin:23px 0}h1 em{font-style:normal;background:linear-gradient(100deg,#a9baff,#d7acff 85%);color:transparent;background-clip:text}.lead{color:#b7b8cd;font-size:17px;line-height:1.8;max-width:570px}.explore-label{display:flex;justify-content:space-between;color:#9494b2;font-size:10px;letter-spacing:2px;border-bottom:1px solid #ffffff13;padding-bottom:17px;margin-top:8px}.portals{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:28px 0 30px}.portal{position:relative;display:flex;align-items:center;flex-direction:column;gap:17px;padding:15px 0;border-radius:18px;transition:background .25s,transform .25s}.portal:hover{transform:translateY(-6px);background:#ffffff05}.orb{--c:#a485ff;position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:26px;background:radial-gradient(circle at 28% 16%,#ffffffa6,transparent 28%),linear-gradient(140deg,var(--c),#1b183a 90%);border:1px solid #ffffff40;box-shadow:inset 2px 3px 6px #ffffff58,inset -6px -8px 9px #0005,0 14px 25px #0005,0 0 30px color-mix(in srgb,var(--c) 18%,transparent);transform:rotate(-7deg)}.orb:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff24;border-radius:20px}.orb span{font-family:Georgia,serif;font-size:38px;font-weight:bold;color:#fff3ff;text-shadow:1px 3px 0 #161e6755,2px 5px 6px #0007;transform:rotate(7deg)}.blue .orb{--c:#699bff}.pink .orb{--c:#d38bf3}.orange .orb{--c:#ecac78}.green .orb{--c:#64d4b1}.cyan .orb{--c:#6ccff1}.purple .orb{--c:#a18ffa}.label{font-size:12px;color:#e0dced;white-space:nowrap}.arrow{font-size:11px;color:#8984ab;position:absolute;right:9px;top:4px}.bottom-note{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid #ffffff13;color:#999bb5;font-size:11px;letter-spacing:.4px}.bottom-note b{padding:0 12px;color:#716293}.tiny-star{color:#ad8fea;margin-left:12px}.approach{padding:95px 0 80px;border-bottom:1px solid #ffffff12}h2{font-size:clamp(30px,3vw,42px);font-weight:450;line-height:1.22;letter-spacing:-1px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:43px 0}.steps article>span{font-size:10px;color:#a896d2;letter-spacing:1px}h3{font-size:17px;font-weight:500}.steps p,.muted{font-size:14px;color:#a9abc2}.button{display:inline-flex;gap:35px;align-items:center;justify-content:center;padding:14px 23px;border-radius:40px;background:#d1baff;color:#211535;border:1px solid #d1baff;font-size:13px;font-weight:600;transition:background .2s}.button:hover{background:#e2d4ff}.detail{padding-top:45px;min-height:75vh}.back{font-size:12px;color:#b7add0}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:65px 0}.detail h1{font-size:54px}.detail .button{margin-top:24px}.panel{padding:30px;border:1px solid #ffffff18;border-radius:25px;background:linear-gradient(135deg,#8e6fc013,#ffffff02);align-self:center}.panel li{padding:10px 0;color:#c7c6da}.panel ul,.panel ol{padding-left:20px}.facts{display:flex;gap:40px;padding-bottom:15px}.facts strong{display:block;font-size:30px;color:#d6c3ff;font-weight:500}.facts span{font-size:12px;color:#bdb6d3}.mini{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:45px}.mini a{font-size:12px;border:1px solid #ffffff20;padding:7px 15px;border-radius:25px}.mini a:hover{background:#ffffff13}footer{padding-top:30px;padding-bottom:32px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8e90ad}footer a{color:#c9bddc}dialog{max-width:550px;width:calc(100% - 32px);max-height:90vh;overflow:auto;background:#171b36;color:#f6f3ff;border:1px solid #82709b66;border-radius:24px;padding:36px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#040717bb;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:13px;background:none;border:0;color:#cabfe2;font-size:28px;line-height:1.5;width:44px;height:44px}dialog h2{margin:18px 0}dialog p{font-size:14px;color:#b7b8cd}label{display:block;font-size:12px;margin:19px 0 7px}select,textarea{display:block;width:100%;border:1px solid #ffffff30;border-radius:10px;background:#0e142c;color:#f5f0ff;padding:12px}textarea{resize:vertical}form .button{margin-top:20px;width:100%}.fine{font-size:11px!important}.skip{position:fixed;top:-80px;left:20px;background:#d1baff;color:#201b32;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:800px){.hero{animation:appear .65s ease-out}.portal{animation:appear .7s ease-out backwards}.portal:nth-child(2n){animation-delay:.1s}}@keyframes appear{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:800px){header,main,footer{padding-left:24px;padding-right:24px}header{height:94px}header nav>a{display:none}.hero{padding-top:48px}.portals{gap:5px}.orb{width:70px;height:70px;border-radius:22px}.orb span{font-size:30px}.label{font-size:10px}.detail-grid{gap:30px}.detail h1{font-size:42px}.steps{gap:22px}}@media(max-width:600px){header,main,footer{padding-left:21px;padding-right:21px}.brand{font-size:16px;gap:10px}.brand-sub{font-size:12px}.small{padding:9px 13px;font-size:11px}.small span{margin-left:4px}.hero{padding:40px 0 28px}h1{letter-spacing:-2px;font-size:46px}.eyebrow{font-size:9px;letter-spacing:1.9px}.lead{font-size:15px}.desktop{display:none}.portals{display:flex;overflow-x:auto;gap:15px;padding:25px 8px 24px;scroll-snap-type:x mandatory;scrollbar-color:#63528b transparent;scrollbar-width:thin}.portal{min-width:99px;scroll-snap-align:start;padding:12px 0;gap:15px}.orb{width:77px;height:77px}.label{font-size:11px}.explore-label{font-size:9px}.bottom-note{gap:12px;font-size:9px}.bottom-note b{padding:0 3px}.approach{padding:60px 0 45px}.steps{grid-template-columns:1fr;gap:15px;margin:28px 0}.steps article{border-top:1px solid #ffffff12;padding-top:18px}.steps h3{margin:8px 0}.steps p{margin:8px 0}.detail-grid{grid-template-columns:1fr;padding:35px 0;gap:30px}.detail h1{font-size:43px}.panel{padding:23px}.facts{gap:25px}footer{flex-direction:column;gap:8px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* V2 — composition rebuilt from the supplied neon reference. */
body{background:#070627;background-image:radial-gradient(ellipse at 50% 48%,#19147580,transparent 65%),radial-gradient(ellipse at 95% 20%,#33149466,transparent 50%)}.ambient{height:620px;background:repeating-linear-gradient(163deg,transparent 0 100px,#5220ee0b 101px 103px,transparent 105px 140px);filter:drop-shadow(0 0 20px #7727f5)}header,main,footer{max-width:1536px;padding-left:40px;padding-right:40px}header{height:86px;background:#07061cd9;border-bottom:1px solid #6736cd20;gap:25px}.brand{font-size:27px;line-height:1.05;min-width:285px;gap:20px}.brand-sub{font-size:26px;color:white;letter-spacing:-.5px;margin-top:3px}.brand-sub b{color:#a445ff}.pi-logo{font:bold italic 77px Georgia;line-height:.8;color:#c278ff;text-shadow:-2px -2px 1px #fff,2px 4px 1px #6e10be,0 0 18px #7e26c8;display:block;width:65px}header nav{gap:23px;font-size:13px;flex:1;justify-content:center;white-space:nowrap}header nav a{transition:color .2s}header nav a:hover{color:#bc8bff}.small{white-space:nowrap;font-size:15px;padding:9px 23px;background:linear-gradient(135deg,#731ced,#3d11ad);border:1px solid #a45aff;color:white}.neon-hero{display:flex;justify-content:space-between;align-items:center;min-height:229px;padding:28px 58px 18px;position:relative}.neon-hero .eyebrow{font-size:13px;letter-spacing:1.7px;margin:6px 0}.neon-hero h1{font-size:clamp(40px,4.7vw,76px);letter-spacing:-2.7px;font-weight:350;white-space:nowrap;margin:10px 0;line-height:1.15}.neon-hero h1 strong{font-weight:750}.neon-hero h1 em{font-weight:750;background:linear-gradient(#d487ff,#9632e8);background-clip:text}.motto{font-size:25px;letter-spacing:1.5px;color:#c5b2f5;margin:0}.neon-hero aside{display:flex;align-items:center;gap:15px;flex-shrink:0;margin-left:25px}.neon-hero aside p{font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1.5;color:#e7dbff}.hero-pi{position:relative;display:block;width:155px;height:180px;overflow:hidden;mix-blend-mode:screen}.hero-pi img{position:absolute;width:991%;max-width:none;left:-837%;top:-68%}.neon-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:25px;padding:0 25px 15px;position:relative}.neon-tiles:after{content:'';position:absolute;left:0;right:0;bottom:10px;height:50px;background:linear-gradient(90deg,#8114ff25,#055dff25,#f1157425,#175aff25,#ee781525,#04e6df25,#9023ff25);filter:blur(20px);z-index:-1}.neon-tile{min-width:0;text-align:center;font-size:19px;line-height:1.4;transition:transform .25s;display:block}.neon-tile:hover{transform:translateY(-6px);filter:brightness(1.13)}.art{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:180/160;border-radius:24%;margin-bottom:4px}.art img{position:absolute;width:853.333333%;height:auto;max-width:none;pointer-events:none}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border:1px solid #6144ae70;background:#080a2ad9;border-radius:23px;padding:23px 30px;margin-top:2px}.benefits article{display:flex;gap:18px;align-items:flex-start}.benefits article>span,.format>span{flex-shrink:0;width:63px;height:63px;background:linear-gradient(130deg,#392064,#13103d);box-shadow:inset 0 0 0 1px #b275ff28;border-radius:21px;display:grid;place-items:center;color:#c27bff;font-size:45px;line-height:1}.benefits h3{font-size:16px;line-height:1.25;margin:5px 0 7px;font-weight:600}.benefits p{font-size:14px;line-height:1.3;color:#c2b4e7;margin:0}.home-panels{display:grid;grid-template-columns:1fr 1.03fr .95fr;gap:22px;margin:15px 5px 20px}.home-panels>article{padding:21px 35px 24px;border:1px solid #5145a27a;background:radial-gradient(ellipse at 0 0,#302178b0,transparent 80%),#0a1033;border-radius:24px;position:relative;overflow:hidden}.home-panels h2{font-size:29px;line-height:1.2;font-weight:700;margin:0 0 5px;letter-spacing:-.8px}.intro{font-size:19px;line-height:1.3;color:#c3a7f9;margin:0 0 15px}.home-panels article>p:not(.intro){font-size:14px;line-height:1.55;max-width:290px;color:#d5cbea}.button{color:white;background:linear-gradient(135deg,#963bff,#4612bb);border:1px solid #ad6fff;font-size:14px;padding:12px 22px;box-shadow:inset 0 1px 7px #ffffff15}.button:hover{background:linear-gradient(135deg,#ac62ff,#6326d3)}.panel-bottom{display:flex;align-items:flex-end;justify-content:space-between;min-height:80px}.book-art{width:140px;height:125px;position:absolute;bottom:0;right:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.book-art img{position:absolute;width:1097%;max-width:none;left:-228%;top:-680%}.panel-bottom .button{position:relative;z-index:1}.check-list{list-style:none;padding:0;margin:10px 0 18px;color:#e0d7f3}.check-list li{font-size:14px;line-height:1.6;display:flex;gap:11px;margin:3px 0}.check-list li:before{content:'✓';display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(#b26cff,#7314e5);color:white}.check-list a:hover{text-decoration:underline}.outline{padding:6px 20px;background:#28145544}.format{display:flex;gap:17px;padding:7px 10px;border:1px solid #6944ab55;border-radius:18px;margin:9px 0;background:#24205b44}.format>span{width:60px;height:58px;border-radius:15px;font-size:43px}.format h3{font-size:14px;margin:3px 0;font-weight:550}.format p{font-size:12px;line-height:1.3;margin:0;color:#aaa1d3}.wide{width:100%;margin-top:4px;justify-content:center}footer{padding-top:16px;padding-bottom:20px}.detail{padding-left:25px;padding-right:25px}.detail .button{margin-top:20px}@media(min-width:1600px){.neon-hero h1{font-size:76px}}@media(max-width:1250px){header nav{gap:13px;font-size:11px}.brand{min-width:230px;font-size:23px}.brand-sub{font-size:22px}.pi-logo{font-size:64px;width:50px}.neon-hero{padding-left:25px;padding-right:10px}.neon-hero aside p{font-size:17px}.hero-pi{width:115px;height:145px}.neon-hero h1{font-size:4.8vw}.neon-tiles{gap:17px;padding:0 10px 14px}.neon-tile{font-size:15px}.home-panels>article{padding:21px}.benefits{gap:15px;padding:21px}.benefits article{gap:11px}.benefits article>span{width:48px;height:51px;font-size:35px}.benefits h3{font-size:14px}.benefits p{font-size:12px}.home-panels h2{font-size:25px}.intro{font-size:16px}}@media(max-width:1000px){header{flex-wrap:wrap;height:auto;padding-top:15px;padding-bottom:12px;gap:16px}.brand{flex:1}header nav{order:3;flex-basis:100%;justify-content:space-between;overflow:auto;gap:20px}header nav>a{display:block}.neon-hero aside{display:none}.neon-hero h1{font-size:6.3vw}.neon-hero{min-height:210px}.home-panels{gap:12px}.home-panels>article{padding:20px 15px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.intro{font-size:15px}.home-panels h2{font-size:23px}.home-panels article>p:not(.intro){font-size:13px}.check-list li{font-size:12px}.format{gap:8px;padding:6px}.format>span{width:40px;height:45px;font-size:30px}.format h3{font-size:12px}.format p{font-size:11px}}@media(max-width:800px){header,main,footer{padding-left:15px;padding-right:15px}.brand{font-size:22px;min-width:0;gap:13px}.brand-sub{font-size:21px}.pi-logo{font-size:61px}.small{font-size:13px;padding:9px 17px}header nav{font-size:12px;gap:20px;padding:6px 0}.neon-hero{padding:28px 8px 22px;min-height:0}.neon-hero .eyebrow{font-size:9px;letter-spacing:1.4px}.neon-hero h1{white-space:normal;font-size:42px;line-height:1.08;letter-spacing:-1.8px;margin:12px 0}.neon-hero h1 strong{display:block}.motto{font-size:14px;letter-spacing:.3px}.neon-tiles{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:15px;padding:8px 4px 18px;scrollbar-width:thin;scrollbar-color:#8f49e7 #111037}.neon-tile{flex:0 0 125px;scroll-snap-align:start;font-size:14px}.benefits{padding:18px 13px;gap:18px 12px;border-radius:18px}.benefits article{gap:8px}.benefits article>span{width:35px;height:40px;font-size:26px;border-radius:12px}.benefits h3{font-size:12px;margin:0 0 5px}.benefits p{font-size:11px}.home-panels{grid-template-columns:1fr;margin:16px 0;gap:14px}.home-panels>article{padding:23px}.home-panels h2{font-size:27px}.intro{font-size:18px}.home-panels article>p:not(.intro){font-size:14px}.check-list li{font-size:15px}.format{padding:9px 12px;gap:17px}.format>span{width:55px;height:55px;font-size:39px}.format h3{font-size:15px}.format p{font-size:13px}.book-art{width:160px;height:140px}.detail{padding-left:5px;padding-right:5px}}
@media(min-width:1001px) and (max-width:1350px){.neon-hero aside{gap:5px;margin-left:15px}.neon-hero aside p{font-size:16px}.hero-pi{width:95px;height:125px}.neon-hero h1{font-size:4.5vw}.motto{font-size:21px}}
.book-art{width:125px;height:170px;mask-image:linear-gradient(to right,transparent,#000 18%),linear-gradient(to bottom,transparent,#000 15%);mask-composite:intersect}.book-art img{width:1228.8%;left:-312%;top:-476.47%}.hero-pi{mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}
/* All seven areas are discoverable without horizontal swiping. */
@media(max-width:800px){.neon-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 13px;overflow:visible;scroll-snap-type:none;padding:10px 0 23px}.neon-tile{width:auto;min-width:0;font-size:12px;line-height:1.4}.neon-tile:last-child{grid-column:2}.neon-tile .art{margin-bottom:6px}.neon-tiles:after{display:none}}
.contact-methods{display:grid;gap:12px;margin:23px 0}.contact-method{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid #9a67db66;border-radius:16px;background:#29185177}.contact-method:hover{background:#44236f99}.contact-method .method-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:13px;background:#8343c944;color:#d6b9ff;font-size:25px}.contact-method strong{display:block;font-size:16px}.contact-method small{display:block;color:#c4b8da;font-size:13px}.contact-method .method-arrow{margin-left:auto;color:#cfa1ff}.whatsapp{border-color:#56bb9566}.whatsapp .method-icon{color:#89e7bb;background:#1c674a55}.contact-method:focus-visible{outline:3px solid #cfb1ff;outline-offset:3px}dialog h2{font-size:34px}.contact-extra{border-top:1px solid #ffffff20;padding-top:14px}.contact-extra summary{cursor:pointer;font-size:13px;color:#c9bce4}
.about-top{padding-bottom:40px;gap:50px}.about-copy{color:#c4bfd6;font-size:15px;line-height:1.8;max-width:610px}.education h2{font-size:30px;margin:16px 0}.education ul{list-style:none;padding:0}.education li{padding:15px 0;border-top:1px solid #ffffff16}.education strong{display:block;font-weight:500;color:#eee6ff;font-size:16px}.education li span{display:block;color:#b6a6d1;font-size:13px;margin-top:5px}.about-skills,.career{padding:22px 0 40px}.about-skills h2,.career h2{font-size:32px;margin:12px 0 25px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.skills-grid article{border-top:1px solid #9161c960;padding-top:10px}.skills-grid h3{color:#e0c4ff}.skills-grid p,.career p{color:#b6b1cb;font-size:14px;line-height:1.7}.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:25px}.career-grid article{background:#20134844;border:1px solid #77559b44;border-radius:18px;padding:23px}.career-date{font-size:12px;color:#c39aef;letter-spacing:1px}.career-grid h3{margin:10px 0;font-size:17px}.career-grid p{margin:0}.career{border-top:1px solid #ffffff15}@media(max-width:800px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:18px}.about-top{gap:28px}}@media(max-width:600px){.career-grid,.skills-grid{grid-template-columns:1fr}.career-grid article{padding:20px}.about-skills h2,.career h2{font-size:27px}.about-top{padding-top:30px}.education h2{font-size:27px}}
@media(max-width:800px){.about-top{grid-template-columns:1fr}.about-top .education{width:100%}}
/* Carla portrait and dedicated first row on mobile. */
.portrait-art{aspect-ratio:180/160;border-radius:24%;background:#1c0c3b}.portrait-art img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:800px){.neon-tiles .neon-tile{grid-column:auto}.neon-tiles .carla-tile{grid-column:1/-1;justify-self:center;width:136px;margin-bottom:2px}.carla-tile .portrait-art{aspect-ratio:1;border-radius:25%}.carla-tile>span:last-child{font-size:14px}.neon-tiles{row-gap:17px}}
/* Preserve the complete approved portrait, including its own neon frame. */
.neon-tile .portrait-art{overflow:visible;border-radius:0;background:transparent;aspect-ratio:1}.neon-tile .portrait-art img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:0}
/* Desktop: equal tile height and aligned labels; keep the full square portrait. */
@media(min-width:801px){.neon-tile .portrait-art{aspect-ratio:180/160}.neon-tile .portrait-art img{object-fit:contain}}
/* Match the illustrated tile silhouette and visible footprint, not only its box. */
.neon-tile .portrait-art{aspect-ratio:180/160;position:relative;overflow:visible}.neon-tile .portrait-art img{position:absolute;width:108%;height:116%;max-width:none;left:-4%;top:-8%;object-fit:fill}
.syllabus{padding:22px;min-width:0;align-self:start}.year-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.year-picker button,.scroll-tools button{color:#dcd0ef;background:#160f37;border:1px solid #8564b966;border-radius:20px;padding:10px 8px;font-size:13px}.year-picker button[aria-pressed=true]{background:linear-gradient(135deg,#8834e7,#432291);color:white;border-color:#b679ff}.scroll-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0;font-size:11px;color:#b5a8ce}.scroll-tools button{font-size:11px;padding:7px 10px;white-space:nowrap}.topic-window{height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9662d6 #15102d;border-block:1px solid #8f64bc33;padding:0 12px 0 3px;scroll-behavior:auto}.topic-window h2{font-size:22px;color:#d9beff;letter-spacing:0;margin:20px 0 10px}.topic-window ul{list-style:none;padding:0;margin:0}.topic-window li{padding:14px 0;border-bottom:1px solid #ffffff12}.topic-window h3{font-size:16px;color:#f1e8ff;margin:0 0 6px;line-height:1.4}.topic-window p{font-size:14px;color:#bfb7d1;margin:0;line-height:1.7}.syllabus-hint{font-size:11px;color:#a99dbc;margin:14px 0 7px}.curriculum-source{font-size:11px;color:#c8a5ef;text-decoration:underline}@media(max-width:800px){#matematica-a .detail-grid{grid-template-columns:1fr;gap:28px}.syllabus{width:100%}.topic-window{height:340px}}@media(prefers-reduced-motion:reduce){.topic-window{scroll-behavior:auto}}
.year-picker.two-years{grid-template-columns:repeat(2,1fr)}.topic-window .subtopic+.subtopic{margin-top:10px}.topic-window .subtopic strong{font-weight:550;color:#d6c5ee}@media(max-width:800px){#matematica-b .detail-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:800px){#macs .detail-grid{grid-template-columns:1fr;gap:28px}}