body{padding:0;margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;padding:0;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-container{background:linear-gradient(160deg,#0b0f1a,#121826,#0b0f1a);color:#eaeaea;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.home-div{width:100%;max-width:900px;padding:40px;text-align:center;background:#121826f2;border-radius:16px;box-shadow:0 12px 32px #000000b3;border:1px solid rgba(255,215,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-h1{font-size:2.8rem;font-weight:700;margin-bottom:16px;background:linear-gradient(90deg,#39f,#6cf,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,150,255,.4)}.home-subtitle{font-size:1.2rem;font-weight:400;color:#b0b0b0;margin-bottom:24px}.search-container{margin-bottom:24px}.search-input{width:100%;max-width:500px;padding:12px 16px;font-size:1rem;font-family:inherit;color:#eaeaea;background:#ffffff1a;border:1px solid rgba(255,215,0,.3);border-radius:8px;transition:all .3s ease}.search-input::placeholder{color:#b0b0b0}.search-input:focus{outline:none;border-color:gold;background:#ffffff26;box-shadow:0 0 0 3px #0096ff80}.no-results{font-size:1.1rem;color:#b0b0b0;margin-top:24px}.home-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center}.course-button-wrapper{width:280px;height:60px;display:flex;justify-content:center;align-items:center}.home-button{width:100%;height:100%;padding:14px 20px;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(145deg,#1e3a8a,#2563eb);color:#fff;box-shadow:0 4px 12px #0064ff4d;letter-spacing:.5px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;word-wrap:break-word;line-height:1.2;overflow:hidden}.home-button:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(145deg,#2563eb,#3b82f6);box-shadow:0 6px 16px #ffd7004d;color:gold}.home-button:active{transform:translateY(1px) scale(.98);background:#1e40af;box-shadow:inset 2px 2px 6px #00000080,inset -2px -2px 6px #0096ff33}.home-button:focus{outline:none;box-shadow:0 0 0 3px #0096ff80}@media (max-width: 900px){.home-buttons{grid-template-columns:repeat(2,1fr)}.course-button-wrapper{width:100%}}@media (max-width: 600px){.home-buttons{grid-template-columns:1fr}.course-button-wrapper{width:100%}}@media (max-width: 768px){.home-div{padding:20px}.home-h1{font-size:2.2rem}.home-subtitle{font-size:1rem}.search-input{max-width:100%}}@media (max-width: 480px){.home-h1{font-size:1.8rem}.home-subtitle{font-size:.9rem}.search-input{padding:10px 14px;font-size:.9rem}.home-button{padding:12px 16px;font-size:1rem}}.header{background:#121826f2;border-bottom:1px solid rgba(255,215,0,.2);padding:16px 24px;position:sticky;top:0;z-index:10}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#39f,#6cf,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.header-nav-container{display:flex;align-items:center;gap:16px}.header-nav{display:flex;gap:16px}.nav-button{padding:8px 16px;font-size:1rem;font-weight:500;background:none;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#eaeaea;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:#ffd7001a;color:gold}.nav-button-active{background:#ffd70033;color:gold}.nav-button:focus{outline:none;box-shadow:0 0 0 3px #0096ff80}.header-search-container{position:relative}.header-search-input{padding:8px 12px;font-size:1rem;font-family:inherit;color:#eaeaea;background:#ffffff1a;border:1px solid rgba(255,215,0,.3);border-radius:8px;width:200px;transition:all .3s ease}.header-search-input::placeholder{color:#b0b0b0}.header-search-input:focus{outline:none;border-color:gold;background:#ffffff26;box-shadow:0 0 0 3px #0096ff80}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#121826f2;border:1px solid rgba(255,215,0,.3);border-radius:8px;max-height:200px;overflow-y:auto;list-style:none;padding:8px 0;margin:4px 0 0;z-index:20;box-shadow:0 4px 12px #00000080}.search-dropdown-item{padding:8px 16px;font-size:1rem;color:#eaeaea;cursor:pointer;transition:background .2s ease}.search-dropdown-item:hover{background:#ffd70033;color:gold}.search-no-results{position:absolute;top:100%;left:0;right:0;background:#121826f2;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:8px 16px;margin:4px 0 0;font-size:1rem;color:#b0b0b0;text-align:center;z-index:20}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px}.header-nav-container{flex-direction:column;width:100%}.header-nav{flex-wrap:wrap;justify-content:center}.header-search-container,.header-search-input{width:100%}.header-title{font-size:1.8rem}}@media (max-width: 480px){.header-title{font-size:1.5rem}.nav-button,.header-search-input{padding:6px 12px;font-size:.9rem}}.footer{text-align:center;padding:16px 0;color:#b0b0b0;font-size:.9rem;border-top:1px solid rgba(255,215,0,.2)}.about-container{background:linear-gradient(160deg,#0b0f1a,#121826,#0b0f1a);color:#eaeaea;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.about-div{width:100%;max-width:900px;padding:40px;text-align:center;background:#121826f2;border-radius:16px;box-shadow:0 12px 32px #000000b3;border:1px solid rgba(255,215,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-h1{font-size:2.8rem;font-weight:700;margin-bottom:16px;background:linear-gradient(90deg,#39f,#6cf,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,150,255,.4)}.about-subtitle{font-size:1.2rem;font-weight:400;color:#b0b0b0;margin-bottom:24px}.about-portfolio{font-size:1.1rem;color:#eaeaea;margin-bottom:32px}.portfolio-link{color:gold;text-decoration:none;transition:color .3s ease}.portfolio-link:hover{color:#6cf;text-decoration:underline}@media (max-width: 768px){.about-div{padding:20px}.about-h1{font-size:2.2rem}.about-subtitle,.about-portfolio{font-size:1rem}}@media (max-width: 480px){.about-h1{font-size:1.8rem}.about-subtitle,.about-portfolio{font-size:.9rem}}.contact-container{background:linear-gradient(160deg,#0b0f1a,#121826,#0b0f1a);color:#eaeaea;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.contact-div{width:100%;max-width:900px;padding:40px;text-align:center;background:#121826f2;border-radius:16px;box-shadow:0 12px 32px #000000b3;border:1px solid rgba(255,215,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-h1{font-size:2.8rem;font-weight:700;margin-bottom:16px;background:linear-gradient(90deg,#39f,#6cf,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,150,255,.4)}.contact-subtitle{font-size:1.2rem;font-weight:400;color:#b0b0b0;margin-bottom:24px}.contact-text{font-size:1.1rem;color:#eaeaea;margin-bottom:32px}.contact-link{color:gold;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#6cf;text-decoration:underline}@media (max-width: 768px){.contact-div{padding:20px}.contact-h1{font-size:2.2rem}.contact-subtitle,.contact-text{font-size:1rem}}@media (max-width: 480px){.contact-h1{font-size:1.8rem}.contact-subtitle,.contact-text{font-size:.9rem}}.container{background:linear-gradient(160deg,#0b0f1a,#121826,#0b0f1a);color:#eaeaea;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.lesson-section{width:100%;max-width:900px}.search-bar{margin-bottom:2rem;width:100%;max-width:600px}.search-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(255,215,0,.2);border-radius:8px;background:#121826f2;color:#fff;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#ffd70080;box-shadow:0 0 0 3px #0096ff4d}.lesson-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:2rem}.lesson-indicator{text-align:center;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.lesson-title{text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:2rem 0;color:#fff;letter-spacing:.5px;line-height:1.3;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.4)}.lesson-title:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(to right,#39f,#6cf);margin:.75rem auto 0;border-radius:2px}.ending-message{font-size:1.25rem;color:#e0e0e0;text-align:center;margin:3rem auto;max-width:700px;line-height:1.6;background:#ffffff0f;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);transition:background-color .3s ease,transform .3s ease}.ending-message:hover{background:#ffffff1f;transform:translateY(-3px)}.loading,.error-message{text-align:center;font-size:1.5rem;color:#fff;padding:2rem;background:#ffffff0f;border-radius:12px;box-shadow:0 8px 24px #0000004d;margin:2rem auto;max-width:700px}@media (max-width: 768px){.container{padding:10px}.lesson-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,auto))}.lesson-title{font-size:clamp(1.8rem,4vw,2.5rem)}.lesson-indicator{font-size:1.2rem}.search-input{font-size:.9rem;padding:.5rem .75rem}}@media (max-width: 480px){.lesson-title{font-size:clamp(1.5rem,3.5vw,2rem)}.ending-message{font-size:1rem;padding:1rem}}.course-header{display:flex;flex-direction:column;align-items:center;padding:2rem;margin:1rem auto;max-width:900px;border-radius:16px;background:#121826f2;border:1px solid rgba(255,215,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000004d}.back-button{align-self:flex-start;background:linear-gradient(145deg,#1e3a8a,#2563eb);color:#fff;padding:.75rem 1.5rem;border:none;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0064ff4d}.back-button:hover{background:linear-gradient(145deg,#2563eb,#3b82f6);transform:translateY(-2px);color:gold}.back-button:focus{outline:none;box-shadow:0 0 0 3px #0096ff80}.title-heading{font-size:clamp(2.5rem,6vw,3.5rem);text-align:center;margin:1rem 0;color:transparent;background:linear-gradient(90deg,#39f,#6cf,gold);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 6px rgba(0,0,0,.4);color:gold}@media (max-width: 768px){.course-header{padding:1.5rem}.title-heading{font-size:clamp(2rem,5vw,3rem)}}@media (max-width: 480px){.title-heading{font-size:clamp(1.8rem,4vw,2.5rem)}.back-button{padding:.5rem 1rem;font-size:.9rem}}.lesson-button{background:#121826f2;color:#fff;border:1px solid rgba(255,215,0,.2);padding:.75rem 1.5rem;margin:.25rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.lesson-button:hover{background:#121826fa;transform:translateY(-2px);color:gold}.lesson-button.active{background:linear-gradient(145deg,#1e3a8a,#2563eb);border-color:#ffd70080;box-shadow:0 4px 12px #0064ff4d;color:gold}.lesson-button:focus{outline:none;box-shadow:0 0 0 3px #0096ff80}@media (max-width: 768px){.lesson-button{padding:.5rem 1rem;font-size:.9rem}}.definition-card{background:#121826f2;padding:2rem 2.5rem;border-radius:16px;box-shadow:0 12px 30px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:3rem auto;max-width:800px;border:1px solid rgba(255,215,0,.2);transition:transform .3s ease,background-color .3s ease}.definition-card:hover{background:#121826fa;transform:translateY(-5px)}.definition-h1{font-size:clamp(2rem,5vw,2.5rem);text-align:center;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.definition-p{font-size:1.25rem;line-height:1.6;color:#e0e0e0;text-align:center;margin:0}@media (max-width: 768px){.definition-card{padding:1.5rem}.definition-h1{font-size:clamp(1.8rem,4vw,2.2rem)}.definition-p{font-size:1.1rem}}.inline-definition-text{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5rem 0}.inline-definition-p{font-size:1.25rem;line-height:1.6;color:#e0e0e0;margin:0;background:#121826f2;padding:.75rem 1rem;border-radius:8px;box-shadow:0 2px 6px #0003;border:1px solid rgba(255,215,0,.2);transition:background .3s ease;width:100%;max-width:800px;text-align:center}.inline-definition-p:hover{background:#121826fa}.inline-definition-title{font-weight:600;color:#fff}.inline-definition-separator{margin:0 .5rem;color:#39f}.inline-definition-meaning{color:#ccc}@media (max-width: 768px){.inline-definition-p{font-size:1.1rem;padding:.5rem .75rem}}.list-card{background:#121826f2;padding:2rem 2.5rem;border-radius:16px;box-shadow:0 12px 30px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:3rem auto;max-width:800px;border:1px solid rgba(255,215,0,.2);transition:transform .3s ease,background-color .3s ease}.list-card:hover{background:#121826fa;transform:translateY(-5px)}.list-h1{font-size:clamp(2rem,5vw,2.5rem);text-align:center;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.list-ol{list-style:none;padding:0;margin:1.5rem 0}.list-li1,.list-li2{margin-bottom:1.5rem;padding:1rem;border-left:4px solid #3399ff;background:#ffffff0d;border-radius:8px;transition:background .3s ease}.list-li1:hover,.list-li2:hover{background:#ffffff1a}.list-li1 strong,.list-li2 strong{display:block;font-size:1.2rem;color:#fff;margin-bottom:.5rem}.list-p{font-size:1.25rem;line-height:1.6;color:#e0e0e0;margin:0}@media (max-width: 768px){.list-card{padding:1.5rem}.list-h1{font-size:clamp(1.8rem,4vw,2.2rem)}.list-p{font-size:1.1rem}}.formula-box{background:#121826f2;padding:2rem 2.5rem;border-radius:16px;box-shadow:0 12px 30px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:3rem auto;max-width:800px;border:1px solid rgba(255,215,0,.2);transition:transform .3s ease,background-color .3s ease}.formula-box:hover{background:#121826fa;transform:translateY(-5px)}.formula-title{font-size:clamp(2rem,5vw,2.5rem);text-align:center;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.formula-expression{font-size:1.25rem;line-height:1.6;color:#e0e0e0;text-align:center;margin:0 0 1.5rem;font-family:Courier New,monospace}.formula-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.formula-input-group label{font-size:1rem;color:#fff;margin-bottom:.25rem;display:block;text-align:center;opacity:.9}.formula-input-group input{background-color:#ffffff1a;border:1px solid rgba(255,215,0,.2);color:#fff;padding:.75rem 1rem;border-radius:8px;width:100%;font-size:1rem;text-align:center;box-shadow:inset 0 1px 2px #0003;transition:border-color .3s ease}.formula-input-group input:focus{outline:none;border-color:#ffd70080;box-shadow:0 0 0 3px #0096ff4d}.formula-result{font-size:1.25rem;color:#e0e0e0;text-align:center;margin-bottom:1rem;font-weight:500}.formula-explanation{font-size:1.1rem;color:#ccc;text-align:center;line-height:1.6;font-style:italic}.formula-error{font-size:.9rem;color:#ff4d4f;text-align:center;margin-top:.5rem}@media (max-width: 768px){.formula-box{padding:1.5rem}.formula-title{font-size:clamp(1.8rem,4vw,2.2rem)}.formula-expression,.formula-result{font-size:1.1rem}}