:root{--prac-bg:#FAFAF8;--prac-surface:#FFFFFF;--prac-surface-glass:rgba(255,255,255,0.75);--prac-ink:#1A1A2E;--prac-ink-soft:#2D3748;--prac-muted:#5E6B82;--prac-muted-soft:#646F80;--prac-muted-faint:#63758D;--prac-accent:#0C7E99;--prac-accent-dark:#0A7790;--prac-accent-soft:#D8F4FB;--prac-accent-line:#ADDAE5;--prac-on-accent:#FFFFFF;--prac-green:#1DA750;--prac-green-dark:#11813B;--prac-green-soft:#DCFCE7;--prac-amber:#C98208;--prac-amber-soft:#FEF3C7;--prac-rose:#CE1B42;--prac-rose-soft:#FFE4E6;--prac-line:#D6DEEA;--prac-line-soft:#F1F5F9;--prac-physics:#3D5A80;--prac-physics-soft:#E8EEF6;--prac-physics-dark:#2B4059;--prac-chemistry:#D4775B;--prac-chemistry-soft:#FCEAE5;--prac-chemistry-dark:#B35A3F;--prac-biology:#5E8B72;--prac-biology-soft:#E3EFE8;--prac-biology-dark:#3D6B52;--prac-physics-fill:#3D5A80;--prac-chemistry-fill:#D4775B;--prac-biology-fill:#5E8B72;--prac-shadow-sm:0 1px 4px rgba(0,0,0,0.04);--prac-shadow-md:0 4px 20px rgba(0,0,0,0.06);--prac-shadow-lg:0 8px 40px rgba(0,0,0,0.08);--prac-shadow-float:0 4px 24px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.03)}.dark{--prac-bg:#0E1116;--prac-surface:#171B22;--prac-surface-glass:rgba(23,27,34,0.72);--prac-ink:#ECEFF4;--prac-ink-soft:#C9D1DC;--prac-muted:#94A3B8;--prac-muted-soft:#AAB6C6;--prac-muted-faint:#7A8798;--prac-accent:#0E98B8;--prac-accent-dark:#1FC7EE;--prac-accent-soft:#0C2C36;--prac-accent-line:#1D5567;--prac-on-accent:#0E1116;--prac-green:#22C55E;--prac-green-dark:#4EE084;--prac-green-soft:#0C2A1B;--prac-amber:#F59E0B;--prac-amber-soft:#332208;--prac-rose:#E74669;--prac-rose-soft:#3A1019;--prac-line:#2E3641;--prac-line-soft:#1E242D;--prac-physics:#466893;--prac-physics-soft:#121B26;--prac-physics-dark:#6084B3;--prac-chemistry:#D4775B;--prac-chemistry-soft:#2B140D;--prac-chemistry-dark:#E3A694;--prac-biology:#5E8B72;--prac-biology-soft:#17211B;--prac-biology-dark:#84AC96;--prac-physics-fill:#2C3E55;--prac-chemistry-fill:#6C443C;--prac-biology-fill:#374D46;--prac-shadow-sm:0 1px 4px rgba(0,0,0,0.34);--prac-shadow-md:0 4px 20px rgba(0,0,0,0.46);--prac-shadow-lg:0 8px 40px rgba(0,0,0,0.58);--prac-shadow-float:0 4px 24px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.34)}.prac-shell{min-height:100vh;background:var(--prac-bg);position:relative;padding-bottom:100px}.prac-bg-gradient{position:fixed;inset:0;pointer-events:none;z-index:0;background:none}.prac-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:clamp(32px,5vw,56px) 40px 0}@keyframes prac-fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes prac-clipReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prac-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes prac-slideFromLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes prac-expandBar{0%{opacity:0;transform:scaleX(.75);transform-origin:left center}to{opacity:1;transform:scaleX(1);transform-origin:left center}}@keyframes prac-riseUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.prac-eyebrow{animation:prac-clipReveal .5s ease-out .1s both}.prac-h1{animation:prac-fadeSlideUp .6s cubic-bezier(.16,1,.3,1) .2s both}.prac-subtitle{animation:prac-fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .32s both}.prac-scrollbar::-webkit-scrollbar{width:6px;height:6px}.prac-scrollbar::-webkit-scrollbar-track{background:transparent}.prac-scrollbar::-webkit-scrollbar-thumb{background-color:var(--prac-muted-faint);border-radius:20px}@media (max-width:1024px){.prac-content{padding:clamp(28px,4vw,48px) 24px 0}}@media (max-width:768px){.prac-shell{margin-left:0}}@media (max-width:640px){.prac-content{padding:clamp(24px,4vw,36px) 16px 0}}