@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--primary:220 89% 30%;--primary-foreground:0 0% 100%;--primary-light:220 89% 35%;--primary-dark:220 89% 25%;--accent:43 96% 56%;--accent-foreground:0 0% 20%;--accent-light:43 96% 65%;--accent-dark:43 96% 45%;--secondary:0 84% 60%;--secondary-foreground:0 0% 100%;--secondary-light:0 84% 65%;--secondary-dark:0 84% 55%;--background:0 0% 100%;--foreground:220 33% 18%;--muted:220 20% 97%;--muted-foreground:220 10% 46%;--border:220 15% 90%;--input:220 15% 90%;--ring:220 89% 30%;--card:0 0% 100%;--card-foreground:220 33% 18%;--popover:0 0% 100%;--popover-foreground:220 33% 18%;--radius:0.5rem;--animation-duration-fast:200ms;--animation-duration-normal:300ms;--animation-duration-slow:500ms;--drone-float-distance:10px;--drone-float-duration:3s}.dark{--primary:220 89% 40%;--primary-foreground:0 0% 100%;--primary-light:220 89% 45%;--primary-dark:220 89% 35%;--accent:43 96% 56%;--accent-foreground:0 0% 20%;--accent-light:43 96% 65%;--accent-dark:43 96% 45%;--secondary:0 84% 65%;--secondary-foreground:0 0% 100%;--secondary-light:0 84% 70%;--secondary-dark:0 84% 58%;--background:220 33% 8%;--foreground:0 0% 95%;--card:220 33% 10%;--card-foreground:0 0% 95%;--popover:220 33% 10%;--popover-foreground:0 0% 95%;--muted:220 20% 15%;--muted-foreground:220 10% 70%;--border:220 20% 20%;--input:220 15% 15%;--ring:220 89% 40%;--drone-float-distance:8px}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background));line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:hsl(var(--foreground))}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:.75em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:hsl(var(--primary));text-decoration:none;transition:color .2s ease}a:hover{color:hsl(var(--primary-light));text-decoration:underline}.btn,button{font-family:var(--font-heading);font-weight:600;letter-spacing:.025em;transition:all .2s ease}input,select,textarea{border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem .75rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary)/.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--drone-float-distance, 10px)))}}.animate-float{animation:float var(--drone-float-duration,3s) ease-in-out infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@supports (-webkit-appearance:none){html{color-scheme:light}html.dark{color-scheme:dark}[style*=transform]{transform-style:preserve-3d;backface-visibility:hidden;perspective:1000px}div[style*=animate]{transform:translateZ(0);will-change:transform}}.dark .bg-white{background-color:hsl(var(--card))!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--muted))}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.7)}@media print{body{background:white;color:black}.no-print{display:none!important}}html{scroll-behavior:smooth}::-moz-selection{background-color:rgba(var(--color-primary),.2);color:rgb(var(--color-foreground))}::selection{background-color:rgba(var(--color-primary),.2);color:rgb(var(--color-foreground))}:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary),.5);border-radius:.25rem}.dark-mode{transition:all .5s ease-in-out}.dark-mode-toggle{transition:all .3s ease-in-out}.dark-mode-toggle:hover{transform:scale(1.05)}.dark-mode-bg{transition:background-color .5s ease-in-out,background-image .5s ease-in-out}.dark-mode-text{transition:color .3s ease-in-out}.dark-mode-border{transition:border-color .3s ease-in-out}.floating-dark-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-dark-toggle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 40px rgba(0,0,0,.3)}.dark .glassmorphic{background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.1)}.dark .glassmorphic,.light .glassmorphic{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.light .glassmorphic{background:rgba(255,255,255,.8);border:1px solid rgba(148,163,184,.2)}.lesson-content{--lc-primary:#1a2332;--lc-accent:#00C8FF;--lc-bg:#f8fafc;--lc-card:#ffffff;--lc-text:#1e293b;--lc-muted:#64748b;--lc-accent-10:rgba(0,200,255,0.10);--lc-accent-15:rgba(0,200,255,0.15);--lc-accent-20:rgba(0,200,255,0.20);--lc-primary-90:rgba(26,35,50,0.90);color:var(--lc-text);font-size:1.1rem;line-height:1.7;max-width:800px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lesson-content h1{font-family:Barlow,Space Grotesk,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:var(--lc-primary);margin:0 0 1rem;line-height:1.25}.lesson-content h2{font-size:1.5rem;margin:2rem 0 1rem;padding:.5rem 0 .5rem 1rem;border-left:4px solid var(--lc-accent);background:var(--lc-accent-10);border-radius:0 6px 6px 0;line-height:1.3}.lesson-content h2,.lesson-content h3{font-family:Barlow,Space Grotesk,-apple-system,sans-serif;font-weight:600;color:var(--lc-primary)}.lesson-content h3{font-size:1.25rem;margin:1.75rem 0 .75rem;padding-left:.75rem;border-left:3px solid var(--lc-accent-20);line-height:1.35}.lesson-content h4{font-size:1.1rem;font-weight:600;color:var(--lc-primary);margin:1.5rem 0 .5rem}.lesson-content p{margin:0 0 1.1rem}.lesson-content strong{color:var(--lc-primary);font-weight:600}.lesson-content em{color:var(--lc-muted)}.lesson-content em strong,.lesson-content strong em{background:var(--lc-accent-15);color:var(--lc-primary);padding:.1em .35em;border-radius:3px;font-style:normal;font-weight:600}.lesson-content a{color:var(--lc-accent);text-decoration:underline;text-decoration-color:rgba(0,200,255,.4);text-underline-offset:2px;transition:color .2s,text-decoration-color .2s}.lesson-content a:hover{color:#00b8eb;text-decoration-color:#00b8eb}.lesson-content hr{border:none;height:2px;margin:2rem 0;background:linear-gradient(90deg,transparent,var(--lc-accent),transparent)}.lesson-content ul{list-style:none;padding-left:0;margin:0 0 1.25rem}.lesson-content ul li{position:relative;padding-left:1.6rem;margin-bottom:.5rem}.lesson-content ul li:before{content:"▸";position:absolute;left:0;color:var(--lc-accent);font-weight:700;font-size:1.1em;line-height:1.7}.lesson-content ul ul{margin:.4rem 0 .4rem .5rem}.lesson-content ol{padding-left:1.5rem;margin:0 0 1.25rem}.lesson-content ol li{margin-bottom:.5rem;padding-left:.3rem}.lesson-content ol li::marker{color:var(--lc-accent);font-weight:700}.lesson-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--lc-accent);background:rgba(0,200,255,.05);border-radius:0 8px 8px 0;font-style:italic;color:var(--lc-muted)}.lesson-content blockquote p:last-child{margin-bottom:0}.lesson-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);font-size:.95rem}.lesson-content thead th{background:var(--lc-primary);color:#ffffff;font-weight:600;padding:.75rem 1rem;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.lesson-content tbody td{padding:.7rem 1rem;border-bottom:1px solid #e2e8f0}.lesson-content tbody tr:nth-child(2n){background:#f1f5f9}.lesson-content tbody tr:last-child td{border-bottom:none}.lesson-content tbody tr:hover{background:var(--lc-accent-10);transition:background .2s}.lesson-content code{background:#f1f5f9;color:var(--lc-primary);padding:.15em .4em;border-radius:4px;font-size:.9em;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.lesson-content pre{background:var(--lc-primary);color:#e2e8f0;padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-size:.85rem;line-height:1.6}.lesson-content pre code{background:none;color:inherit;padding:0}.lesson-content .section-overview,.lesson-content [data-section=overview]{background:#eef4fa;border-radius:10px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}.lesson-content .section-concepts,.lesson-content [data-section=concepts]{background:var(--lc-card);border-radius:10px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}.lesson-content .section-practical,.lesson-content [data-section=practical]{background:var(--lc-primary);color:#ffffff;border-radius:10px;padding:1.5rem;margin:1.5rem 0;border-left:5px solid var(--lc-accent);box-shadow:0 2px 6px rgba(0,0,0,.12)}.lesson-content .section-practical h2,.lesson-content .section-practical h3,.lesson-content [data-section=practical] h2,.lesson-content [data-section=practical] h3{color:var(--lc-accent);background:transparent;border-left-color:var(--lc-accent)}.lesson-content .section-practical li,.lesson-content .section-practical p,.lesson-content [data-section=practical] li,.lesson-content [data-section=practical] p{color:#e2e8f0}.lesson-content .section-practical strong,.lesson-content [data-section=practical] strong{color:#ffffff}.lesson-content .section-practical ul li:before,.lesson-content [data-section=practical] ul li:before{color:var(--lc-accent)}.lesson-content .section-summary,.lesson-content [data-section=summary]{border-bottom:2px solid #e2e8f0;padding-bottom:1.5rem;margin:1.5rem 0}.lesson-content .card,.lesson-content .content-card{background:var(--lc-card);border-radius:10px;padding:1.5rem;margin:1rem 0;box-shadow:0 1px 4px rgba(0,0,0,.07);transition:box-shadow .2s ease}.lesson-content .card:hover,.lesson-content .content-card:hover{box-shadow:0 3px 10px rgba(0,0,0,.1)}.lesson-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.lesson-content .highlight{background:var(--lc-accent-15);padding:.1em .35em;border-radius:3px}.lesson-content .callout{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--lc-accent-10);border-radius:8px;margin:1rem 0;border:1px solid var(--lc-accent-20)}.lesson-content .callout:before{content:"💡";font-size:1.25rem;flex-shrink:0}.lesson-content--dark{--lc-bg:#0f172a;--lc-card:#1e293b;--lc-text:#e2e8f0;--lc-muted:#94a3b8;--lc-primary:#e2e8f0;color:var(--lc-text)}.lesson-content--dark h1,.lesson-content--dark h2,.lesson-content--dark h3,.lesson-content--dark h4{color:#f1f5f9}.lesson-content--dark h2{background:rgba(0,200,255,.08)}.lesson-content--dark strong{color:#f1f5f9}.lesson-content--dark code{background:rgba(0,200,255,.1);color:var(--lc-accent)}.lesson-content--dark table{box-shadow:0 1px 4px rgba(0,0,0,.3)}.lesson-content--dark thead th{background:#0f172a}.lesson-content--dark tbody td{border-bottom-color:#334155}.lesson-content--dark tbody tr:nth-child(2n){background:rgba(255,255,255,.03)}.lesson-content--dark tbody tr:hover{background:rgba(0,200,255,.06)}.lesson-content--dark blockquote{background:rgba(0,200,255,.04);color:#94a3b8}.lesson-content--dark .section-overview,.lesson-content--dark [data-section=overview]{background:rgba(0,200,255,.06)}.lesson-content--dark .section-concepts,.lesson-content--dark [data-section=concepts]{background:var(--lc-card)}.lesson-content--dark .card,.lesson-content--dark .content-card{background:var(--lc-card);box-shadow:0 1px 4px rgba(0,0,0,.3)}.lesson-content--dark hr{background:linear-gradient(90deg,transparent,rgba(0,200,255,.5),transparent)}@media (max-width:640px){.lesson-content{font-size:1rem;line-height:1.65}.lesson-content h1{font-size:1.6rem}.lesson-content h2{font-size:1.3rem}.lesson-content h3{font-size:1.1rem}.lesson-content table{font-size:.85rem}.lesson-content tbody td,.lesson-content thead th{padding:.5rem .7rem}}