.teori-page{background-color:var(--content-bg);min-height:100vh;color:var(--foreground);padding:1.2rem}.teori-hero{color:#fff;text-align:center;background-color:transparent;background-image:linear-gradient(rgba(26,75,140,.8),rgba(26,75,140,.9)),url(https://images.unsplash.com/photo-1685143114219-08a9865ae43e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkcml2aW5nJTIwdGhlb3J5JTIwY2xhc3Nyb29tJTIwc3R1ZGVudHN8ZW58MXx8fHwxNzU4NDY3NzUwfDA&ixlib=rb-4.1.0&q=80&w=1080);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid rgba(97,218,251,.15);border-radius:12px;margin-bottom:2rem;padding:4rem 1.5rem;position:relative;overflow:hidden}.teori-hero:before{content:"";z-index:1;background:rgba(0,0,0,.6);position:absolute;top:0;bottom:0;left:0;right:0}.teori-hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.teori-hero h1{color:#fff;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:max(1.8rem,min(5vw,3rem));font-weight:700}.teori-hero p{color:rgba(255,255,255,.9);margin-bottom:2rem;font-family:Montserrat,sans-serif;font-size:max(1rem,min(2.5vw,1.2rem));line-height:1.6}.teori-hero-features{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.teori-hero-feature{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.teori-hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.teori-hero-btn{color:#fff;white-space:nowrap;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:20px;flex-shrink:0;align-items:center;max-width:100%;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-flex}.teori-hero-btn:hover{background:var(--nav-hover);color:#0b1a21;border-color:var(--nav-hover);transform:translateY(-1px);box-shadow:0 4px 14px rgba(97,218,251,.3)}.teori-courses{max-width:1550px;margin:0 auto}.teori-courses-header{text-align:center;margin-bottom:3rem}.teori-badge{background:var(--nav-hover);color:#0b1a21;border-radius:20px;margin-bottom:1rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px rgba(97,218,251,.3)}.teori-courses h2{color:var(--text-color);margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:max(1.5rem,min(4vw,2.2rem))}.teori-courses p{color:var(--text-secondary);max-width:1000px;margin:0 auto;font-family:Montserrat,sans-serif;line-height:1.6}.teori-courses-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-auto-rows:auto;gap:max(1rem,min(2.5vw,1.25rem));display:grid}.teori-course-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid rgba(97,218,251,.15);border-radius:12px;flex-direction:column;height:auto;min-height:550px;padding:max(1rem,min(2.8vw,1.4rem));transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}.teori-course-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.teori-course-popular{background:var(--nav-hover);color:#0b1a21;z-index:10;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px rgba(97,218,251,.3)}.teori-course-image{border-radius:8px;height:200px;margin-bottom:1rem;position:relative;overflow:hidden}.teori-course-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.teori-course-card:hover .teori-course-image img{transform:scale(1.05)}.teori-course-content{flex-direction:column;flex-grow:1;min-height:0;display:flex}.teori-course-category{background:var(--info-bg);color:var(--text-secondary);border-radius:15px;align-self:flex-start;margin-bottom:.8rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.teori-course-title{color:var(--text-color);min-height:2.6rem;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:max(1.1rem,min(3vw,1.3rem));line-height:1.3}.teori-course-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;padding-bottom:10px;font-family:Montserrat,sans-serif;line-height:1.5}.teori-course-features{margin-bottom:1rem}.teori-course-features h4{color:var(--text-color);margin-bottom:.8rem;font-family:Montserrat,sans-serif;font-size:.9rem}.teori-course-features ul{color:var(--text-secondary);margin:.25rem 0 .9rem;padding:0;font-size:max(.9rem,min(2.4vw,.98rem));list-style:none}.teori-course-features li{color:var(--text-secondary);margin-bottom:.8rem;padding-left:1.8rem;line-height:1.5;position:relative}.teori-course-features li:before{content:"✓";color:var(--nav-hover);font-size:1.2rem;font-weight:700;position:absolute;top:-.2rem;left:0}.teori-course-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.teori-course-price{color:var(--text-color);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700}.teori-course-price span{color:var(--text-secondary);font-size:.9rem;font-weight:400}.teori-course-btn{background:var(--nav-hover);color:#0b1a21;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;margin-top:auto;padding:.6rem 1.2rem;font-family:inherit;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(97,218,251,.3)}.teori-course-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.teori-contact{color:#fff;text-align:center;background-color:transparent;background-image:linear-gradient(rgba(26,75,140,.8),rgba(26,75,140,.9)),url(https://images.unsplash.com/photo-1685143114219-08a9865ae43e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkcml2aW5nJTIwdGhlb3J5JTIwY2xhc3Nyb29tJTIwc3R1ZGVudHN8ZW58MXx8fHwxNzU4NDY3NzUwfDA&ixlib=rb-4.1.0&q=80&w=1080);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid rgba(97,218,251,.15);border-radius:12px;margin-top:3rem;padding:3rem 1.5rem;position:relative;overflow:hidden}.teori-contact:before{content:"";z-index:1;background:rgba(0,0,0,.6);position:absolute;top:0;bottom:0;left:0;right:0}.teori-contact>*{z-index:2;position:relative}.teori-contact h3{color:#fff;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:max(1.3rem,min(3vw,1.8rem))}.teori-contact p{color:rgba(255,255,255,.9);max-width:800px;margin:0 auto 2rem;font-family:Montserrat,sans-serif;line-height:1.6}.teori-contact-badge{color:#fff;white-space:nowrap;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:20px;flex-shrink:0;align-items:center;gap:.5rem;max-width:100%;margin:.3rem;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-flex}.teori-contact-badge:hover{background:var(--nav-hover);color:#0b1a21;border-color:var(--nav-hover);transform:translateY(-1px);box-shadow:0 4px 14px rgba(97,218,251,.3)}@media (max-width:980px){.teori-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.teori-hero-features{text-align:center;flex-direction:column;align-items:center;gap:1rem}.teori-hero-feature{text-align:center;justify-content:center;font-size:1rem}.teori-hero{padding:3rem 1rem}.teori-hero-features{flex-direction:column;gap:1rem}.teori-courses-grid{grid-template-columns:1fr}.teori-course-footer{flex-direction:column;align-items:flex-start;gap:1rem}.teori-course-price{align-self:center}.teori-course-btn{text-align:center;align-self:stretch}.teori-course-card{min-height:auto;padding:1.2rem}.teori-contact{padding:2rem 1rem}.teori-contact-badge{padding:.4rem .8rem;font-size:.9rem}}@media (max-width:640px){.teori-courses-grid{grid-template-columns:1fr}.teori-contact-badges{flex-direction:column;width:100%}.teori-contact-badge{white-space:normal;text-align:center;padding:.3rem .7rem;font-size:.85rem}}@media (max-width:480px){.teori-contact-badges{flex-direction:column;align-items:center}.teori-contact-badge{white-space:normal;text-align:center;padding:.3rem .6rem 10px;font-size:.75rem}.teori-course-meta{flex-direction:column;align-items:flex-start;gap:.5rem;line-height:1}}