[data-theme=light]{--color-primary: #1E5EFF;--color-secondary: #2F6DB8;--color-text: #0E1523;--color-text-offset: #42516B;--color-background: #ffffff;--color-background-offset: #F3F6FB;--color-border: #E2E8F0}[data-theme=dark]{--color-primary: #1E5EFF;--color-secondary: #4DA3FF;--color-text: #F2F5F9;--color-text-offset: #B8C2D3;--color-background: #0E1523;--color-background-offset: #121A2B;--color-border: #23314A}a,.btn{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--color-text)}a:hover,.btn:hover{color:var(--color-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem 1rem;background:color-mix(in srgb,var(--color-primary) 55%,white);color:#fff;box-shadow:0 1px 3px #1e5eff0d;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;max-width:-moz-fit-content;max-width:fit-content}.btn:hover{background:color-mix(in srgb,var(--color-primary) 48%,white);box-shadow:0 2px 5px #1e5eff14}@media (max-width: 640px){.btn{padding:.5rem .75rem;font-size:clamp(1rem,calc(1rem + ((1.0416666666666667 - 1) * ((100vw - 20rem) / (96 - 20)))),1.0416666666666667rem);line-height:1.6;width:auto;justify-content:center;font-size:.875rem;line-height:1.25rem}.btn+*{white-space:nowrap}}@media (max-width: 360px){.btn{padding:.5rem .25rem;font-size:clamp(.8680555555555557rem,calc(.8680555555555557rem + ((.8888888888888888 - .8680555555555557) * ((100vw - 20rem) / (96 - 20)))),.8888888888888888rem);line-height:1.6;min-height:2.5rem}}@media (max-width: 768px){html,body{width:100%;min-width:100%;overflow-x:hidden}main,footer{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}main>*,footer>div{max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.btn{padding:.5rem;font-size:clamp(.8680555555555557rem,calc(.8680555555555557rem + ((.8888888888888888 - .8680555555555557) * ((100vw - 20rem) / (96 - 20)))),.8888888888888888rem);line-height:1.6;min-height:2.5rem}}.cta-section{white-space:nowrap}.cta-section>div{white-space:nowrap}.gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(135deg,#4da3ff,#1e5eff)}#page-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-background) 85%,#ffffff00);border-bottom:1px solid var(--color-border)}.cloud-card{background:transparent;border:1px solid var(--color-border);box-shadow:none;border-radius:28px/22px}.cloud-card--lg{background:transparent;border:1px solid var(--color-border);box-shadow:none;border-radius:36px/28px}.lecture-notes-gallery{margin:2rem 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0 auto}.gallery-item{position:relative;border-radius:16px;overflow:visible;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 4px 12px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px) scale(.95);animation:galleryItemAppear .6s cubic-bezier(.4,0,.2,1) forwards}.gallery-item:nth-child(1){animation-delay:.1s}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.3s}.gallery-item:nth-child(4){animation-delay:.4s}.gallery-item:nth-child(5){animation-delay:.5s}.gallery-item:nth-child(6){animation-delay:.6s}.gallery-item:nth-child(7){animation-delay:.7s}.gallery-item:nth-child(8){animation-delay:.8s}.gallery-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026;border-color:var(--color-primary);z-index:10}.gallery-image{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.gallery-item:hover .gallery-image{transform:scale(1.3)}@keyframes galleryItemAppear{to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.gallery-image{height:400px}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr;gap:1rem}.gallery-image{height:350px}}