@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Raleway:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@300;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);nav{display:flex;min-height:10px;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:100}.hidden-nav{transform:translateY(-100%)}.hidden-nav,nav{transition:transform .3s ease-in-out}.logo{filter:hue-rotate(110deg);height:5rem;transition:filter .5s}h1.header{color:#fff;font-family:Montserrat,sans-serif;font-size:2.5rem;margin:0}.header-logo-container{align-items:center;display:flex;gap:12px;position:relative}.header-logo{height:40px;transition:filter .3s ease,opacity .3s ease;width:auto}.header-logo.loading{opacity:0;transform:scale(.9)}.header-logo.loaded,.header-logo.loading{transition:opacity .3s ease,transform .3s ease}.header-logo.loaded{opacity:1;transform:scale(1)}.header-logo-skeleton{animation:skeleton-loading 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:40px;left:0;position:absolute;top:0;width:40px}.dark-mode .header-logo-skeleton{background:linear-gradient(90deg,#404040 25%,#505050 50%,#404040 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}a.header,a.logo{display:contents}ul.line{align-items:center;cursor:pointer;display:flex;margin:0;padding:0}a.navbutton{display:contents}.menu li,nav li{border-radius:5px;color:#333;font-family:Raleway,sans-serif;font-size:large;margin-right:20px;padding:10px 20px;transition:background-color .3s ease}li:hover{background-color:initial}.menu li:hover,nav .line li:hover{background-color:#f6e43a}.menu li:active,nav li:active{color:#fff}.user-greeting{align-items:center;background:none;border:none;box-shadow:none;color:#333;cursor:default;display:flex;font-family:Raleway,sans-serif;font-size:large;font-weight:500;margin-right:20px;padding:10px 20px}.user-greeting:hover{background-color:initial}.menu-user-greeting{background-color:#f8f9fa;border-bottom:1px solid #e6e6e6;color:#666;cursor:default;font-size:1rem;font-style:italic;font-weight:500;padding:15px 20px;text-align:center}.profile-dropdown-container{align-items:center;display:flex;position:relative}.profile-dropdown-trigger{border-radius:5px;color:#333;cursor:pointer;font-family:Raleway,sans-serif;font-size:large;list-style:none;margin-right:20px;padding:10px 20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.profile-dropdown-trigger:hover{background-color:#f6e43a}.profile-dropdown-menu{background-color:#fff;border:1px solid #e6e6e6;border-radius:5px;box-shadow:0 8px 16px 0 #0003;min-width:180px;overflow:hidden;position:absolute;right:10px;top:100%;z-index:1001}.profile-dropdown-item{color:#333;display:block;font-family:Raleway,sans-serif;font-size:1rem;padding:12px 16px;text-decoration:none;transition:background-color .3s ease}.profile-dropdown-item:hover{background-color:#f6e43a;color:#333}.logout-item{border-top:1px solid #e6e6e6;color:#dc3545;cursor:pointer}.logout-item:hover{background-color:#dc3545;color:#fff}.menu{background-color:#fff;box-shadow:-2px 0 10px #0000001a;height:100%;margin:0;position:fixed;right:-250px;top:0;transition:right .3s ease;width:250px;z-index:1000}.menu.open{right:0}.menu-close{color:#333;cursor:pointer;display:none;font-size:2rem;position:absolute;right:1rem;top:1rem}.menu.open .menu-close{display:block}.menu ul{list-style:none;margin:2rem 0 0;padding:0}.menu li{border-bottom:1px solid #e6e6e6;color:#333;cursor:pointer;font-size:1.2rem;padding:10px 20px}.menu-icon{display:none;margin-top:0}.line a.navbutton,.line a.navbutton li{position:relative}.navbutton .notification-dot{background-color:#f04f54;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}.menu a.navbutton,.menu a.navbutton li{position:relative}@media only screen and (max-width:950px) and (orientation:portrait){nav{height:8%}div.text,nav{padding:0}h1.header{font-size:2rem;margin-left:1rem}.header-logo{height:32px}.header-logo-container{gap:8px;margin-left:1rem}.logo,.profile-dropdown-container,.user-greeting,li.normal-li{display:none}li.menu-li{text-align:center}.line{display:none}.menu-icon{cursor:pointer;display:block;font-size:2rem;margin-left:auto;margin-right:1rem}.header-logo-skeleton{height:32px;width:32px}}@keyframes animatedBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}main{align-content:center;align-items:center;animation:animatedBackground 15s ease infinite;background:linear-gradient(270deg,#33c2a4,#95f5f1 17.5%,#eceaff 32.8%,#f6e43a 42.7%,#f04f54 54.2%,#cdcaff 64.8%,#5349ea 75.5%,#272660);background-repeat:no-repeat;background-size:150% 150%;display:flex;filter:saturate(1.2);justify-content:center;max-width:100%;min-height:50rem;padding:2rem;position:relative}.scroll-hint{background:#00000059;border-radius:999px;bottom:16px;left:50%;opacity:0;padding:8px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .35s ease;z-index:50}.scroll-hint.visible{opacity:1}.scroll-hint-chevron{animation:bounceDown 1.4s ease-in-out infinite;display:block}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.mobile-hero,.mobile-hero-wrap{display:none}.square{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;height:auto;justify-content:center;max-width:90%;opacity:.93;padding:2rem;width:550px;z-index:10}@keyframes aparecer{0%{opacity:0}to{opacity:1}}img.squareimagebig{animation:aparecer 1s ease-in-out forwards;animation-delay:1s;height:400px;z-index:2}img.squareimagebig,img.squareimagesmall{border-radius:10px;box-shadow:0 4px 20px #0003;opacity:0;position:absolute;transition:transform .6s ease-out}img.squareimagesmall{animation:aparecer 1s ease-in-out forwards;animation-delay:1.5s;height:300px;z-index:1}img[data-position=squareimage1]{left:13%}img[data-position=squareimage2]{right:13%}img[data-position=squareimage3]{left:1%}img[data-position=squareimage4]{right:1%}img.squareimagebig:hover,img.squareimagesmall:hover{transform:scale(1.1)!important}.squareitem{line-height:1.5;padding:10px;text-align:center}h1.squareitem{font-size:2.5rem}.brew-success,h1.squareitem{color:#000;font-weight:700;margin:0;word-spacing:5px}.brew-success{font-family:Montserrat,sans-serif;font-size:2rem;font-size:2.5rem}.learn-tutor{color:#000;font-family:Raleway,sans-serif;font-size:1.5rem;font-size:2.5rem;font-weight:700;margin:0;word-spacing:5px}p{text-align:center}h2.squareitem{color:#5349ea;font-size:2rem;font-weight:200;margin:.5rem 0;word-spacing:5px}a.squareitem-button{background:linear-gradient(135deg,#5349ea,#f04f54);border:none;border-radius:8px;box-shadow:0 4px 12px #5349ea4d;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;overflow:visible;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease,transform .2s}a.squareitem-button:before{animation:flowColors 2s ease-in-out infinite;background:linear-gradient(45deg,#33c2a4,#95f5f1,#eceaff,#f6e43a,#f04f54,#cdcaff,#5349ea,#33c2a4,#95f5f1,#eceaff,#f6e43a,#f04f54,#cdcaff,#5349ea);background-size:400% 400%;border-radius:11px;bottom:-3px;content:"";left:-3px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.9;padding:3px;position:absolute;right:-3px;top:-3px;z-index:-1}div.squareitem-button{margin-top:2rem;position:relative}a.squareitem-button:hover{background:linear-gradient(135deg,#f04f54,#5349ea);box-shadow:0 6px 16px #f04f5466;cursor:pointer;transform:translateY(-3px)}a.squareitem-button:hover:before{animation-duration:1.5s;opacity:1}a:active{color:#fff}.arrow-pointer{animation:arrowAppear 2s ease-in-out forwards;animation-delay:2s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;margin-right:20px;opacity:0;position:absolute;right:90%;top:110%;transform:translateY(-50%) rotate(-15deg) translateX(-100px);transition:transform .3s ease;width:120px;z-index:15}.arrow-pointer:hover{transform:translateY(-50%) rotate(-15deg) translateX(0) scale(1.1)}@keyframes arrowAppear{0%{opacity:0;transform:translateY(-50%) rotate(-15deg) translateX(-100px)}to{opacity:1;transform:translateY(-50%) rotate(-15deg) translateX(0)}}@media only screen and (max-width:1570px) and (min-width:901px){img.squareimagebig{display:block;height:340px}img.squareimagesmall{display:none}img[data-position=squareimage1]{left:6%}img[data-position=squareimage2]{right:6%}}@media only screen and (max-width:900px){.arrow-pointer,img.squareimagebig,img.squareimagesmall{display:none}}@media only screen and (min-width:610px) and (max-width:899px){.square{margin-top:8rem}}@media only screen and (max-width:900px) and (orientation:portrait){.mobile-hero-wrap{display:block;position:relative;width:100%}.mobile-hero{aspect-ratio:16/9;border-radius:10px;box-shadow:0 8px 24px #0000002e;display:block;margin-bottom:1rem;object-fit:cover;width:100%}.mobile-hero-pip{aspect-ratio:4/3;background:#fff;border:2px solid #ffffffe6;border-radius:8px;box-shadow:0 6px 18px #0003;object-fit:cover;position:absolute;right:8px;top:8px;width:32%}.square p.squareitem{display:none}div.squareitem-button{margin-top:0;position:relative}a.squareitem-button{font-size:1.2rem;margin:10px auto;padding:12px 24px;width:auto}.square{padding:1.5rem;top:0;width:90%}h1.squareitem{font-weight:700;line-height:1;margin:0}h1.squareitem,h2.squareitem{font-size:2rem;word-spacing:5px}h2.squareitem{color:#5349ea;font-weight:200;line-height:0;margin:.5rem 0}p.squareitem{font-size:1.2rem;line-height:1}main{height:auto;margin-top:2rem;padding:0}}@media only screen and (max-width:900px){.scroll-hint{display:block}}@media only screen and (min-width:901px){.scroll-hint{display:none}}.security-badge{background:#8080802e;border-radius:8px;bottom:12px;cursor:pointer;display:none;padding:6px 10px;position:fixed;right:12px;transition:all .3s ease;z-index:1000}.security-badge:hover{background:#8080804d;transform:translateY(-2px)}.security-badge-content{align-items:center;display:flex;gap:10px}.stripe-logo{flex-shrink:0;height:auto;width:30px}.security-text{display:flex;flex-direction:column;line-height:1.2}.protected-text{color:#6b7280;font-size:10px;font-weight:500}.powered-text{color:#374151;font-size:11px;font-weight:600}@media (max-width:768px){.security-badge{bottom:10px;padding:5px 9px;right:10px}.stripe-logo{width:26px}.protected-text{font-size:9px}.powered-text{font-size:10px}}@media (max-width:480px){.security-badge{bottom:8px;padding:5px 8px;right:8px}.security-badge-content{gap:8px}.stripe-logo{width:24px}.protected-text{font-size:9px}.powered-text{font-size:10px}}.courses{background-color:#f0f0f0;padding:2rem}.background{background-color:#cecece;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-around;padding:2rem 0;width:100%}.flag{border:6px solid #000;border-radius:10%;height:150px;margin:20px;transition:border .3s,transform .2s;width:200px}.flag:hover{cursor:pointer;transform:scale(1.05)}.flag:active{position:relative;top:3px}p.name{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:0;margin-top:1rem;text-align:center}.title{display:flex;font-size:2.5rem;justify-content:center;margin:2rem 0}@media only screen and (max-width:950px) and (orientation:portrait){.flag{height:120px;margin:20px 1rem;width:160px}p.name{font-size:1.2rem}.title{font-size:2rem}}.us{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:none;flex-wrap:wrap;justify-content:space-around}.division{align-items:center;color:#102026;display:flex;flex-direction:column;font-size:1.5rem;font-weight:900;max-width:200px;padding:1rem;text-align:center;transition:transform .2s;width:200px}.division:hover{transform:scale(1.05)}.lineimage{height:100px;margin-bottom:1rem;position:relative;transition:transform .2s,background-color .2s;width:100px;z-index:1}.lineimage:before{background-color:#000;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0;z-index:1000}.lineimage:hover:before{height:150px;width:150px}.lineimage:hover{transform:scale(1.1)}p.division-text{font-size:1rem;font-weight:100;line-height:1.5}.title{color:#2a593e;margin-bottom:2rem;text-align:center;width:100%}.title h1{font-size:3rem;font-weight:700}@media only screen and (min-width:950px) and (orientation:portrait){.lineimage{height:500px}.division{font-size:3.75rem;padding:2rem}.title h1{font-size:4rem}}.home-explainer{background:linear-gradient(180deg,#fdfdf8,#f6f8fb);box-sizing:border-box;overflow-x:hidden;padding:4rem 1.25rem 5rem;width:100%}.home-explainer__content{box-sizing:border-box;display:flex;flex-direction:column;gap:2.75rem;margin:0 auto;max-width:1080px;width:100%}.home-explainer__intro{margin:0 auto;max-width:720px;text-align:center}.home-explainer__eyebrow{color:#7a6ff0;font-size:.85rem;font-weight:700;letter-spacing:.18em;margin-bottom:.75rem;text-transform:uppercase}.home-explainer__intro h1,.home-explainer__intro h2{color:#111f28;font-size:clamp(2rem,3vw,2.75rem);margin-bottom:.75rem}.home-explainer__intro p{color:#4a5a63;font-size:1.15rem;line-height:1.6}.home-explainer__sections{gap:1.5rem}.home-explainer__card,.home-explainer__sections{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.home-explainer__card{word-wrap:break-word;background:#fff;border:1px solid #111f2814;border-radius:20px;box-shadow:0 30px 45px -35px #0f172a73;gap:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:2rem;text-align:left;transition:box-shadow .3s ease,transform .2s ease,border-color .3s ease}.home-explainer__card:hover{border-color:#7a6ff033;box-shadow:0 35px 55px -30px #0f172a80;transform:translateY(-2px)}.home-explainer__card-header{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;margin:0;padding:0;text-align:left;transition:opacity .2s ease;width:100%}.home-explainer__card-header>div{flex:1 1;min-width:0}.home-explainer__card-header:hover{opacity:.85}.home-explainer__card-header:focus-visible{border-radius:12px;outline:3px solid #7a6ff066;outline-offset:4px}.home-explainer__toggle-icon{border:1px solid #15263326;border-radius:50%;flex-shrink:0;height:36px;position:relative;transition:transform .3s ease,border-color .3s ease,background-color .3s ease;width:36px}.home-explainer__card-header:hover .home-explainer__toggle-icon{border-color:#7a6ff066;transform:scale(1.05)}.home-explainer__toggle-icon:after,.home-explainer__toggle-icon:before{background:#152633;border-radius:1px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease,background .3s ease}.home-explainer__toggle-icon:before{height:2px;width:16px}.home-explainer__toggle-icon:after{height:16px;width:2px}.home-explainer__card.is-open .home-explainer__toggle-icon{background:#0000;border-color:#1526334d}.home-explainer__card.is-open .home-explainer__toggle-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(0)}.home-explainer__card.is-open .home-explainer__toggle-icon:before{background:#152633;height:2px;width:16px}.home-explainer__card h3,.home-explainer__cta h3{word-wrap:break-word;color:#152633;font-size:1.45rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;overflow-wrap:break-word;text-align:left}.home-explainer__subtitle{line-height:1.7;margin:0 0 1.25rem}.home-explainer__card-content p,.home-explainer__subtitle{word-wrap:break-word;color:#2f3f4a;font-size:1rem;font-weight:400;max-width:100%;overflow-wrap:break-word;text-align:left}.home-explainer__card-content p{line-height:1.75;margin:0 0 1.125rem}.home-explainer__card-content p:last-of-type{margin-bottom:0}.home-explainer__card-content{display:block;height:0;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease,height .4s ease}.home-explainer__card.is-open .home-explainer__card-content{height:auto;margin-top:1.5rem;max-height:1200px;opacity:1;padding:0}.home-explainer__list{list-style:none;margin:0 0 1.25rem;padding-left:0}.home-explainer__list li{word-wrap:break-word;color:#2f3f4a;font-size:1rem;font-weight:400;line-height:1.75;margin:0 0 .625rem;max-width:100%;overflow-wrap:break-word;padding-left:1.5rem;position:relative;text-align:left}.home-explainer__list li:before{color:#5349ea;content:"•";font-size:1.25rem;font-weight:700;left:0;line-height:1.75;position:absolute}.home-explainer__list li:last-child{margin-bottom:0}.home-explainer__note{word-wrap:break-word;border-top:1px solid #111f2814;color:#2f3f4a;font-size:1rem;font-weight:400;line-height:1.75;margin:1.25rem 0 0;max-width:100%;overflow-wrap:break-word;padding-top:1.25rem;text-align:left}.home-explainer__label{align-items:center;background:#7a6ff01f;border-radius:999px;color:#6b5aed;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.1em;padding:.25rem .85rem;text-transform:uppercase;width:fit-content}.home-explainer__cta{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#272660,#5349ea 50%,#f04f54);border-radius:24px;box-shadow:0 35px 65px -30px #5349ea66;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:1.75rem;justify-content:space-between;max-width:100%;min-width:0;overflow-wrap:break-word;padding:2.25rem;text-align:left;width:100%}.home-explainer__cta>div{flex:1 1 auto;min-width:0;text-align:left}.home-explainer__cta .home-explainer__button{flex:0 1 auto;min-width:0}.home-explainer__cta h3{color:#fff}.home-explainer__cta p{color:#fff;font-size:1rem;font-weight:400;line-height:1.6;margin:0;text-align:left}.home-explainer__button{word-wrap:normal;align-items:center;background:#fff;border-radius:999px;box-shadow:0 20px 35px -20px #ffffff4d;box-sizing:border-box;color:#272660;display:inline-flex;font-weight:700;justify-content:center;max-width:100%;min-width:0;overflow-wrap:normal;padding:.95rem 1.75rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.home-explainer__button:hover{background:#fffffff2;box-shadow:0 25px 40px -15px #fff6;transform:translateY(-2px)}@media (max-width:768px){.home-explainer{box-sizing:border-box;padding:2.5rem 1rem 3.5rem;width:100%}.home-explainer__content{gap:2rem;padding:0;width:100%}.home-explainer__intro{max-width:100%;padding:0;text-align:center;width:100%}.home-explainer__intro h1,.home-explainer__intro h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:.75rem;text-align:center}.home-explainer__intro p{font-size:1rem;line-height:1.6;text-align:center}.home-explainer__eyebrow{font-size:.75rem;letter-spacing:.15em;margin-bottom:.5rem;text-align:center}.home-explainer__sections{gap:1.25rem}.home-explainer__card{border-radius:16px;box-sizing:border-box;gap:.75rem;max-width:100%;min-width:0;padding:1.5rem;width:100%}.home-explainer__card-header{gap:.75rem}.home-explainer__toggle-icon{height:32px;width:32px}.home-explainer__card h3,.home-explainer__cta h3{font-size:1.25rem;line-height:1.4;margin-bottom:.625rem}.home-explainer__subtitle{font-size:.95rem;line-height:1.7;margin-bottom:1rem}.home-explainer__card-content p{font-size:.95rem;line-height:1.75;margin-bottom:1rem}.home-explainer__card.is-open .home-explainer__card-content{margin-top:1.25rem}.home-explainer__list{list-style:none;margin:0 0 1rem;padding-left:0}.home-explainer__list li{font-size:.95rem;line-height:1.75;margin-bottom:.5rem;padding-left:1.35rem}.home-explainer__list li:before{font-size:1.15rem}.home-explainer__note{font-size:.95rem;line-height:1.75;margin:1rem 0 0;padding-top:1rem}.home-explainer__cta{align-items:stretch;border-radius:20px;flex-direction:column;gap:1.5rem;padding:1.75rem 1.5rem}.home-explainer__cta,.home-explainer__cta>div{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.home-explainer__cta .home-explainer__button{box-sizing:border-box;flex:1 1 100%;max-width:100%;width:100%}.home-explainer__cta h3{margin-bottom:.75rem}.home-explainer__cta p{font-size:.95rem;margin-bottom:.5rem}.home-explainer__button{word-wrap:break-word;box-sizing:border-box;display:flex;font-size:.95rem;justify-content:center;max-width:100%;overflow-wrap:break-word;padding:1rem 1.5rem;text-align:center;white-space:normal;width:100%}}@media (max-width:480px){.home-explainer{box-sizing:border-box;padding:2rem .875rem 3rem;width:100%}.home-explainer__content{gap:1.75rem;padding:0;width:100%}.home-explainer__eyebrow,.home-explainer__intro,.home-explainer__intro h1,.home-explainer__intro h2,.home-explainer__intro p{text-align:center}.home-explainer__intro h1,.home-explainer__intro h2{font-size:1.5rem}.home-explainer__intro p{font-size:.95rem}.home-explainer__sections{gap:1rem}.home-explainer__card{border-radius:14px;box-sizing:border-box;max-width:100%;min-width:0;padding:1.25rem;width:100%}.home-explainer__card-header{gap:.5rem}.home-explainer__toggle-icon{height:28px;width:28px}.home-explainer__cta,.home-explainer__cta>div{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.home-explainer__cta .home-explainer__button{box-sizing:border-box;flex:1 1 100%;max-width:100%;width:100%}.home-explainer__card h3,.home-explainer__cta h3{font-size:1.15rem;margin-bottom:.625rem}.home-explainer__subtitle{font-size:.9rem;margin-bottom:1rem}.home-explainer__card-content p{font-size:.9rem;margin-bottom:.875rem}.home-explainer__card.is-open .home-explainer__card-content{margin-top:1rem}.home-explainer__list{list-style:none;margin:0 0 .875rem;padding-left:0}.home-explainer__list li{font-size:.9rem;line-height:1.75;margin-bottom:.5rem;padding-left:1.25rem}.home-explainer__list li:before{font-size:1.1rem}.home-explainer__note{font-size:.9rem;margin:.875rem 0 0;padding-top:.875rem}.home-explainer__cta{border-radius:18px;padding:1.5rem 1.25rem}.home-explainer__button{word-wrap:break-word;box-sizing:border-box;font-size:.9rem;max-width:100%;overflow-wrap:break-word;padding:.95rem 1.25rem;white-space:normal;width:100%}}.homepage-language-picker{background:#fff;border:1px solid #eceaff;border-radius:16px;box-shadow:0 20px 60px #00000014;margin:1rem auto 2rem;max-width:1800px;padding:2rem 1.5rem 2.25rem}.hlp-title{color:#0f172a;font-size:1.85rem;margin:0 0 .25rem;text-align:center}.hlp-subtitle{color:#475569;margin:0 0 1.5rem;text-align:center}.hlp-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));justify-items:center}.hlp-card{border-radius:14px;cursor:pointer;font-weight:800;justify-content:flex-start;letter-spacing:.2px;min-height:74px;padding:18px 22px;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease;width:100%}.hlp-card,.hlp-card-inner{align-items:center;display:flex}.hlp-card-inner{gap:12px}.hlp-icon-wrap{align-items:center;display:inline-flex;flex-shrink:0;height:72px;justify-content:center;position:relative;width:72px}.hlp-icon-halo{background:#fffffffa;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));inset:0;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:92% 92%;mask-size:92% 92%;position:absolute}.hlp-icon{filter:brightness(0) invert(1);height:56px;object-fit:contain;width:56px}.hlp-card:hover{box-shadow:0 10px 22px #0000002e;filter:saturate(1.08);transform:translateY(-2px)}.hlp-card.skeleton{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%}.hlp-language-name{font-size:1.5rem;font-weight:800}@media (max-width:640px){.homepage-language-picker{padding:1.25rem 1rem 1.5rem}.hlp-title{font-size:1.5rem}.hlp-subtitle{display:none}}@media (min-width:768px) and (max-width:1950px){.hlp-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}}.seo-content{background-color:#fff;max-width:100%;padding:3rem 1.5rem}.seo-content__wrapper{margin:0 auto;max-width:900px}.seo-content__text{color:#333;font-size:1.05rem;line-height:1.7;margin:0 0 1rem;text-align:center}.seo-content__text--links{font-size:1rem;margin-top:1.5rem}.seo-content__link{border-bottom:2px solid #0000;color:#5349ea;font-weight:600;text-decoration:none;transition:border-color .2s ease}.seo-content__link:hover{border-bottom-color:#5349ea}@media (max-width:768px){.seo-content{padding:2rem 1rem}.seo-content__text{font-size:1rem;line-height:1.6}.seo-content__text--links{font-size:.95rem}}footer{background-color:#cecece;box-shadow:0 -2px 8px #0000001a;box-sizing:border-box;height:70px;padding:20px;position:relative;top:7rem;width:100%}.content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px}.attribution,.copyright{color:#000;font-size:1.2rem;margin:0 10px;text-align:center}.legal-links{align-items:center;display:flex;gap:.5rem}.legal-link{color:#000;font-size:1.2rem;text-decoration:none;transition:color .3s ease}.legal-link:hover{color:#f04f54;text-decoration:underline}.link-separator{color:#000;font-size:1.2rem;font-weight:300}.attribution a{color:#000;text-decoration:none}.attribution a:hover{text-decoration:underline}@media only screen and (max-width:950px) and (orientation:portrait){footer{height:auto;margin-top:3rem;max-width:100%}.content{align-items:center;flex-direction:column;justify-content:center;text-align:center}.attribution,.copyright{font-size:1rem;margin:10px 0}.legal-links{flex-direction:column;gap:.3rem;margin:10px 0}.legal-link{font-size:1rem}.link-separator{display:none}}.loading-screen{background-color:#fffc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;height:60px;position:relative;width:60px}.loader:before{background:linear-gradient(90deg,#272660 0,#5349ea 20%,#cdcaff 40%,#f04f54 60%,#f6e43a 80%,#33c2a4);border:16px solid #0000;border-radius:50%;bottom:-16px;content:"";left:-16px;-webkit-mask:radial-gradient(closest-side,#0000 96%,#fff 100%);mask:radial-gradient(closest-side,#0000 96%,#fff 100%);pointer-events:none;position:absolute;right:-16px;top:-16px}.loading-screen p{color:#333;font-size:18px;font-weight:500;margin-top:20px}.squarecalendar{background-color:#fff;display:flex;height:150px;position:fixed;top:-10px;width:100%}.calendar{margin-left:10rem;margin-right:10rem;margin-top:175px}.wholecalendar{overflow:visible;position:relative;top:6rem}body{background-color:#f4f4f4;font-family:Arial,sans-serif}.week-navigation{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;padding:13px 20px;position:fixed;top:140px;width:98%;z-index:1}.week-navigation h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#272660,#5349ea);-webkit-background-clip:text;background-clip:text;font-weight:600;margin:0;padding:10px}.week-navigation button{background:linear-gradient(135deg,#272660,#5349ea);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background .3s}.week-navigation button:hover{background:linear-gradient(135deg,#5349ea,#272660)}.calendar{background:linear-gradient(135deg,#ffffff05,#f8fafc0d);display:flex;gap:15px;justify-content:center;max-width:100%;overflow-x:auto;overflow:visible;padding:20px}.day-name{background-color:#fff;height:2rem;position:sticky;top:210px;z-index:0}.day-column{border-radius:4px;flex:1 1;margin:0 10px;min-width:20px}.day-column h4{background:linear-gradient(135deg,#272660,#5349ea 50%,#33c2a4);border-radius:8px 8px 0 0;box-shadow:0 4px 8px #0000001a;color:#fff;margin:0}.day-column h4,.time-slot{padding:10px;text-align:center}.time-slot{border:1px solid #f0f0f0;border-radius:5px;box-shadow:0 1px 3px #0000000d;cursor:pointer;margin-bottom:5px;transition:background-color .2s,color .2s,transform .2s}.time-slot.available{background-color:#fff;color:#333}.time-slot.available:hover{background:linear-gradient(135deg,#33c2a41a,#95f5f133);border-color:#33c2a4;transform:translateY(-2px)}.time-slot.available-no-hover{background-color:#fff;color:#333;cursor:default}.time-slot.available:hover+.time-slot.available,.time-slot.available:hover+.time-slot.available-no-hover{background:linear-gradient(135deg,#33c2a40d,#95f5f11a)}.time-slot.blocked{background-color:#f5f5f5;box-shadow:none;color:#ccc;cursor:not-allowed}.time-slot.selected,.time-slot.selected:hover{background:linear-gradient(135deg,#33c2a4,#95f5f1 50%,#33c2a4);color:#fff}.time-slot.unavailable{display:none}@keyframes flash-border{0%{border:2px solid #33c2a4}50%{border:2px solid #0000}to{border:2px solid #33c2a4}}.booking-confirmation{background-color:#fff;border-radius:8px;bottom:20px;box-shadow:0 4px 20px #00000026;padding:20px;position:fixed;right:100px;z-index:1000}.booking-confirmation p{color:#362010;margin:0}.booking-confirmation-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.booking-cancel-btn,.booking-confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:all .2s ease-in-out;width:100%}.booking-confirm-btn{animation:gradient-move 4s ease-in-out infinite;background:linear-gradient(90deg,#33c2a4,#5349ea,#33c2a4,#5349ea);background-size:200% auto;border:none;color:#fff}.booking-confirm-btn:hover:not(:disabled){animation-duration:2s}.booking-cancel-btn{background-color:#fff;border:1px solid #d5454a;color:#000}.booking-cancel-btn:hover:not(:disabled){background-color:#d5454a}.booking-extended-btn{background-color:#fff;border:1px solid #5349ea;border-radius:6px;color:#272660;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:all .2s ease-in-out;width:100%}.booking-extended-btn:hover:not(:disabled){background-color:#5349ea14}@keyframes gradient-move{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.booking-cancel-btn:disabled,.booking-confirm-btn:disabled{background-color:#ccc;cursor:not-allowed}.processing-indicator{align-items:center;color:#666;display:flex;justify-content:center;margin:10px 0}.processing-indicator .spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:16px;margin-right:8px;width:16px}@media only screen and (max-width:1100px){.day-name{font-size:.7rem;height:20px;position:sticky;top:235px}}@media only screen and (max-width:990px){.booking-confirmation{bottom:70px;right:50px}.week-navigation{height:3.75rem}.previous-next{font-size:.7rem;height:3rem}.week-range{font-size:.8rem}.day-name{font-size:.5rem}.week-navigation{width:94%}button{width:100px}.calendar{gap:5px;margin-left:0;margin-right:0;margin-top:50}}.previous-next{background:linear-gradient(135deg,#272660,#5349ea);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:all .2s ease-in-out}.previous-next:hover:not(.disabled){background:linear-gradient(135deg,#5349ea,#272660)}.previous-next.disabled{background-color:#e9ecef;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed}.week-range{font-size:1.2rem;margin:0 20px}.recurring-classes-dialog{padding:10px}.loading-alternatives{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:40px 20px}.loading-alternatives p{font-size:1rem;font-weight:500;margin-top:10px}.dialog-subtitle{color:#555;margin-bottom:15px;text-align:center}.credits-info{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;padding:12px}.alternative-slots-list{list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.alternative-slot{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;margin-bottom:10px;padding:12px;transition:all .2s ease-in-out}.alternative-slot:hover{border-color:#33c2a4;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.alternative-slot.selected{background-color:#e6f7ff;border-left:4px solid #33c2a4;padding-left:9px}.alternative-slot.disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.alternative-slot.disabled:hover{border-color:#e9ecef;box-shadow:none;transform:none}.alternative-slot.original-selection{background-color:#e6f7ff;border-left:4px solid #33c2a4;cursor:default;padding-left:9px}.slot-selection-check{margin-right:15px}.slot-details{flex-grow:1}.slot-details strong{color:#333}.credit-limit-message{color:#dc3545;font-size:.8rem;font-weight:500}.dialog-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:25px}.primary-button,.secondary-button{border:none;border-radius:6px;cursor:pointer;font-weight:700;height:4rem;padding:10px 20px;transition:all .2s ease-in-out}.primary-button{background:linear-gradient(135deg,#272660,#5349ea);color:#fff}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 4px 12px #5349ea66;transform:translateY(-1px)}.primary-button:disabled{background-color:#ccc;cursor:not-allowed}.secondary-button{background-color:#f1f3f5;border:1px solid #dee2e6;color:#333}.secondary-button:hover{background-color:#e9ecef;border-color:#ced4da}.book-loader{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:30px}.book-loader .gradient-spinner{animation:gradientSpin 1.5s linear infinite;background:linear-gradient(45deg,#272660,#5349ea,#33c2a4,#f6e43a) border-box;border:4px solid #0000;border-radius:50%;height:50px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 4px));width:50px}.book-loader .center-dot{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#5349ea,#33c2a4);border-radius:50%;height:12px;position:absolute;width:12px}@keyframes gradientSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text-animated{color:#333;font-size:1.1rem;font-weight:600;text-align:center}.loading-text-animated span{animation:wave 1.5s infinite;display:inline-block;position:relative}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.booking-success-dialog .dialog-actions{gap:15px;justify-content:center}.booking-success-dialog{padding:20px;text-align:center}.success-icon{align-items:center;background-color:#33c2a4;border-radius:50%;box-shadow:0 4px 10px #33c2a466;color:#fff;display:flex;font-size:48px;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.booking-success-dialog h3{color:#333;font-size:1.5rem;margin-bottom:10px}.booking-success-dialog p{color:#666;margin-bottom:25px}@media (max-width:768px){.dialog-actions{align-items:stretch;flex-direction:column;gap:12px}.primary-button,.secondary-button{font-size:.9rem;height:3rem;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;white-space:nowrap;width:100%}.booking-success-dialog .dialog-actions{align-items:stretch;flex-direction:column;gap:12px}.booking-success-dialog .primary-button,.booking-success-dialog .secondary-button{font-size:.9rem;height:3rem;padding:8px 16px;width:100%}}@media (max-width:480px){.booking-success-dialog .primary-button,.booking-success-dialog .secondary-button,.primary-button,.secondary-button{font-size:.8rem;height:2.8rem;padding:6px 12px}}.dialog-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.dialog{animation:dialog-fade-in .3s ease-out;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-small{width:300px}.dialog-medium{width:500px}.dialog-large{width:800px}.dialog-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.dialog-title{font-size:18px;font-weight:600;margin:0}.dialog-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;margin:0;padding:0;width:24px}.dialog-close:hover{background-color:#f0f0f0;color:#333}.dialog-content{overflow-y:auto;padding:20px}@media (max-width:600px){.dialog-large,.dialog-medium,.dialog-small{width:90%}}.notification{background:#fff;border-left:4px solid;box-shadow:0 4px 20px #00000026;max-width:480px;min-width:320px;opacity:0;overflow:hidden;transform:translateX(500px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10000}.notification-show{opacity:1;transform:translateX(0)}.notification-content{align-items:center;display:flex;gap:12px;padding:16px 20px;position:relative}.notification-icon{flex-shrink:0;font-size:20px}.notification-message{color:#333;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.notification-close:hover{background-color:#0000000d;color:#333}.notification-progress{animation:notificationProgress 4s linear forwards;background:currentColor;bottom:0;height:3px;left:0;opacity:.3;position:absolute}.notification-success{border-left-color:#33c2a4}.notification-success .notification-progress{background-color:#33c2a4}.notification-error{border-left-color:#f04f54}.notification-error .notification-progress{background-color:#f04f54}.notification-warning{border-left-color:#f6e43a}.notification-warning .notification-progress{background-color:#f6e43a}.notification-info{border-left-color:#5349ea}.notification-info .notification-progress{background-color:#5349ea}@keyframes notificationProgress{0%{width:100%}to{width:0}}@media (max-width:600px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px;transform:translateY(-100px)}.notification-show{transform:translateY(0)}.notification-content{padding:14px 16px}.notification-message{font-size:13px}}.tutor-profiles-container{box-sizing:border-box;margin-top:175px;max-width:100vw;overflow-x:hidden}.graduation-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f04f54,#5349ea 50%,#33c2a4);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:4rem}.empty-state-features{margin-bottom:3rem}.find-your-tutor-btn{align-items:center;animation:slideInUp .6s ease-out;animation-delay:1.1s;animation-fill-mode:both;background-color:#33c2a4;border:none;border-radius:8px;box-shadow:0 4px 12px #33c2a44d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.3rem;font-weight:600;gap:.75rem;padding:1.2rem 3rem;position:relative;transition:all .3s ease}.find-your-tutor-btn:hover{background-color:#2ba890;box-shadow:0 6px 16px #33c2a466;transform:translateY(-2px)}.find-your-tutor-btn:active{transform:translateY(-1px)}.btn-icon,.btn-text{transition:transform .3s ease}.btn-icon{font-size:1.5rem}.find-your-tutor-btn:hover .btn-icon{transform:translateX(5px)}@media only screen and (max-width:1200px){.tutor-profile-button-group{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr));justify-items:stretch;width:100%}.tutor-profile-button-group a,.tutor-profile-credits-button,.tutor-profile-leave-review,.tutor-profile-menu-button,.tutor-profile-schedule-button,.tutor-profile-toggle{width:100%}.tutor-profile-menu-container{min-width:0;width:100%}}@media only screen and (max-width:950px){.empty-state-container{min-height:50vh;padding:1rem}.empty-state-card{border-radius:15px;padding:2rem 1.5rem}.graduation-icon{font-size:3rem}.empty-state-title{font-size:2rem}.empty-state-description{font-size:1.1rem;margin-bottom:2rem}.empty-state-features{align-items:center;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.feature-item{font-size:.95rem;padding:.8rem 1.2rem}.find-your-tutor-btn{font-size:1.1rem;max-width:300px;padding:1rem 2.5rem;width:100%}}.tutor-profile{animation:fadeInUp .6s ease-out forwards;background-color:#ffffffed;border-radius:10px;box-shadow:0 4px 20px #0003;box-sizing:border-box;color:#000;font-family:Arial,sans-serif;margin:3% auto;max-width:70%;opacity:0;overflow:hidden;padding:2rem;position:relative}.tutor-profile-info{align-items:center;display:flex;margin-bottom:2rem}.tutor-profile-picture{border:3px solid #000;border-radius:50%;box-shadow:0 4px 8px #0003;height:150px;margin-right:2rem;object-fit:cover;width:150px}.tutor-profile h2{color:#000;font-size:2.5rem;font-weight:700;margin:0}.tutor-profile-credits{margin:2rem 0;text-align:center}.tutor-profile-credits p{color:#272660;font-size:1.5rem;font-weight:500}.tutor-profile-button-group{box-sizing:border-box;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.tutor-profile-button-group,.tutor-profile-button-group>*{align-items:stretch;display:flex;height:auto;min-height:52px}.tutor-profile-credits-button{background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;border-radius:5px;box-shadow:0 2px 8px #cdcaff33;color:#272660}.tutor-profile-credits-button,.tutor-profile-schedule-button{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:1.2rem;height:52px;justify-content:center;min-height:52px;padding:12px 25px;transition:all .3s ease,transform .2s}.tutor-profile-schedule-button{background:linear-gradient(135deg,#272660,#5349ea);border:none;border-radius:5px;box-shadow:0 4px 12px #2726604d;color:#fff}.tutor-profile-toggle{align-items:center;background:linear-gradient(135deg,#ffffffe6,#eceaffb3);border:1px solid #cdcaff;border-radius:5px;box-sizing:border-box;color:#272660;cursor:pointer;display:flex;font-size:1.2rem;height:52px;justify-content:center;min-height:52px;padding:12px 25px;transition:all .3s ease,transform .2s}.tutor-profile-toggle:hover{background:linear-gradient(135deg,#cdcaffcc,#eceaffe6);border:1px solid #5349ea;transform:translateY(-2px)}.tutor-profile-credits-button:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.tutor-profile-schedule-button:hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.tutor-profile-credits-button.subscribe-button{background:linear-gradient(135deg,#5349ea,#f04f54);border:none;color:#fff}.tutor-profile-credits-button.subscribe-button:hover{background:linear-gradient(135deg,#f04f54,#5349ea)}.tutor-profile-leave-review{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f6e43a33);border:1px solid #f6e43a66;border-radius:5px;box-sizing:border-box;color:#272660;cursor:pointer;display:flex;font-size:1.2rem;height:52px;justify-content:center;min-height:52px;padding:12px 25px;transition:all .3s ease,transform .2s}.tutor-profile-leave-review:hover{background:linear-gradient(135deg,#f6e43a4d,#f6e43a80);border:1px solid #f6e43ab3;transform:translateY(-2px)}.tutor-profile-menu-container{align-items:stretch;display:flex;height:52px;margin:0;min-height:52px;padding:0;position:relative}.tutor-profile-menu-button{align-items:center;background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;border-radius:5px;box-shadow:0 2px 8px #cdcaff33;box-sizing:border-box;color:#272660;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:52px;justify-content:center;line-height:1;margin:0;min-height:52px;padding:20px;transition:all .3s ease,transform .2s;width:100%}.tutor-profile-menu-button:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.tutor-profile-dropdown-menu{background:#fff;border:1px solid #cdcaff;border-radius:8px;box-shadow:0 8px 25px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.tutor-profile-dropdown-item{background:#fff;border:none;color:#272660;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.tutor-profile-dropdown-item:hover{background:linear-gradient(135deg,#cdcaff4d,#eceaff80);color:#5349ea}.review-form{background:linear-gradient(135deg,#fffffffa,#eceaff05);border:1px solid #cdcaff4d;border-radius:12px;box-shadow:0 8px 25px #0000001a;color:#333;font-family:Arial,sans-serif;margin-top:2rem;max-width:100%;padding:2rem}.review-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.review-form h3{color:#000;font-size:1.4rem;margin:0}.close-review-btn{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f04f541a);border:1px solid #f04f544d;border-radius:50%;color:#f04f54;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-review-btn:before{color:#f04f54;content:"×";font-size:20px;line-height:1}.close-review-btn:hover{background:linear-gradient(135deg,#f04f541a,#f04f5433);border:1px solid #f04f5480;box-shadow:0 2px 8px #f04f5433;transform:scale(1.05)}.review-form label{color:#000;display:block;font-size:1rem;font-weight:700;margin-top:1rem;text-align:left}.review-form select,.review-form textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;font-size:1rem;margin-top:.5rem;padding:10px;transition:border-color .3s ease;width:100%}.review-form select:focus,.review-form textarea:focus{border-color:#5349ea;box-shadow:0 0 0 3px #5349ea1a;outline:none}.review-form textarea{min-height:100px;resize:vertical}.review-form button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1.5rem;padding:12px 20px;transition:background-color .3s ease,transform .2s}.review-form button:not(.close-review-btn){background:linear-gradient(135deg,#272660,#5349ea);box-shadow:0 4px 12px #2726604d;transition:all .3s ease,transform .2s;width:100%}.review-form button:not(.close-review-btn):hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.review-form input::placeholder,.review-form textarea::placeholder{color:#888;font-family:montserrat,sans-serif;font-style:italic}.tutor-profile-classes{animation:slideDown .4s ease-out;margin-top:1.5rem;overflow:hidden}.tutor-profile-classes.upcoming-classes{margin-top:2rem}.tutor-profile-past-classes-section{margin-top:1.5rem;text-align:center}.tutor-profile-toggle-history{align-items:center;background:linear-gradient(135deg,#ffffffe6,#eceaffb3);border:1px solid #cdcaff;border-radius:8px;color:#272660;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:1rem;padding:12px 25px;transition:all .3s ease,transform .2s}.tutor-profile-toggle-history:hover{background:linear-gradient(135deg,#cdcaffcc,#eceaffe6);border:1px solid #5349ea;box-shadow:0 4px 12px #5349ea33;transform:translateY(-2px)}.tutor-profile-classes h3{border-bottom:0 solid #000;font-size:1.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.classes-policy-note{background:#0000;border-left:2px solid #f04f54;color:#555;font-size:.85rem;font-style:italic;line-height:1.5;margin:0 0 1rem;padding:.25rem 0 .25rem .75rem;position:relative}.classes-policy-note:before{color:#f04f54;content:"*";font-size:1rem;font-style:normal;font-weight:700;margin-right:.25rem}.tutor-profile-classes ul{list-style:none;padding:0}.tutor-profile-classes ul li{align-items:center;border-bottom:1px solid #ddd;display:flex;font-size:1.1rem;justify-content:space-between;padding:.75rem 0;transition:background-color .2s}.class-actions{align-items:center;gap:10px}.mini-loader{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#5349ea;height:20px;margin-left:10px;width:20px}.reschedule-cancel{background:linear-gradient(135deg,#ffffffe6,#eceaff80);border:1px solid #cdcaff;border-radius:4px;color:#272660;cursor:pointer;font-size:.9rem;margin-left:10px;padding:8px 15px;transition:all .3s ease}.reschedule-cancel:hover{background:linear-gradient(135deg,#cdcaff99,#eceaffcc);border:1px solid #5349ea;transform:translateY(-1px)}.tutor-profile-classes ul li:hover{background-color:#e6e6e6cc}.tutor-profile-class{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.tutor-profile-class.past-class{color:#666;opacity:.7}.tutor-profile-class.past-class:hover{opacity:.85}.tutor-profile-contact{margin-top:2rem}.tutor-profile-contact h3{font-size:1.5rem;margin-bottom:.5rem}.tutor-show-more-classes{border-bottom:none!important;display:flex;justify-content:center;padding:1rem 0}.tutor-show-more-classes-btn{align-items:center;background:none;border:1px solid #5349ea;border-radius:20px;color:#5349ea;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:all .2s ease}.tutor-show-more-classes-btn:hover{background-color:#5349ea;color:#fff;transform:translateY(-1px)}.tutor-show-more-classes-btn svg{transition:transform .2s ease}.tutor-show-more-classes-btn:hover svg{transform:translateY(1px)}.class-action-warning{align-items:flex-start;background:#fff4f4;border:1px solid #f5b8b8;border-radius:8px;color:#b00020;display:flex;font-size:.9rem;gap:8px;margin-top:8px;padding:10px 12px}.class-action-warning-icon{align-items:center;background:#f5b8b8;border-radius:50%;color:#b00020;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:600;height:22px;justify-content:center;width:22px}.backup-classrooms-title{color:#000;font-size:1rem;margin-bottom:.5rem;margin-top:2rem;text-align:left}.tutor-profile-links a{background:linear-gradient(135deg,#fffffff2,#95f5f11a);border:1px solid #95f5f1;border-radius:8px;box-shadow:0 2px 6px #95f5f126;color:#272660;display:inline-block;margin-right:1rem;padding:12px 20px;text-decoration:none;transition:all .3s ease,transform .2s}.tutor-profile-links a:hover{background:linear-gradient(135deg,#95f5f14d,#33c2a433);border:1px solid #33c2a4;box-shadow:0 4px 12px #95f5f140;transform:translateY(-2px)}.learn-lantern-btn{box-shadow:0 4px 12px #f6e43a4d;flex-direction:column;font-size:1.5rem;gap:.2rem;margin-right:1rem;padding:12px 20px}.learn-lantern-btn .learn-lantern-undertitle{font-size:.8rem;letter-spacing:1px}.lantern-icon{animation:glow 2s ease-in-out infinite alternate;font-size:1.2rem}.btn-loading{align-items:center;display:flex;gap:.5rem}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:12px;width:12px}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.2) drop-shadow(0 0 8px rgba(246,228,58,.5))}}.gradient-line{border-radius:0 0 8px 8px}.tutor-profile-button-group a{align-items:stretch;display:flex;height:52px;min-height:52px;text-decoration:none}.tutor-profile-button-group a:empty{display:none;height:0;min-height:0}.tutor-profile-button-group a button{align-items:center;background-color:#f04f54;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:52px;justify-content:center;min-height:52px;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,transform .2s;width:100%}.tutor-profile-button-group a button:hover{background-color:#c73a3f;transform:translateY(-2px)}.tutor-profile-button-group a:hover{text-decoration:none}@media only screen and (max-width:950px){.tutor-profiles-container{margin-top:120px}.tutor-profile{margin:2% auto;max-width:95%;overflow:hidden;padding:1.5rem}.tutor-profile-picture{height:100px;margin-right:1.5rem;width:100px}.tutor-profile-info h2{font-size:1.5rem}.tutor-profile-credits{margin:1.5rem 0}.tutor-profile-credits p{font-size:1.3rem}.tutor-profile-button-group{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);height:auto;justify-items:center;margin-top:1rem;max-width:100%;width:100%}.tutor-profile-button-group a{box-sizing:border-box;display:flex;height:auto;min-height:0;width:100%}.tutor-profile-button-group>a:empty{display:none}.tutor-profile-button-group a button,.tutor-profile-credits-button,.tutor-profile-leave-review,.tutor-profile-menu-button,.tutor-profile-schedule-button,.tutor-profile-toggle{word-wrap:break-word;align-items:center;aspect-ratio:1;box-sizing:border-box;display:flex;flex-direction:column;font-size:.75rem;height:auto;-webkit-hyphens:auto;hyphens:auto;justify-content:center;line-height:1.2;margin:0;max-height:none;min-height:0;overflow:hidden;overflow-wrap:break-word;padding:8px 4px;text-align:center;width:100%}.tutor-profile-menu-button{font-size:1.4rem;max-width:none;min-width:0;padding:8px;width:100%}.tutor-profile-menu-container{height:auto;max-width:none;min-height:0;min-width:0;width:100%}.tutor-profile-dropdown-menu{font-size:.85rem;left:auto;min-width:160px;right:0}.tutor-profile-dropdown-item{font-size:.85rem;padding:10px 15px}.tutor-profile-button-group a button{font-size:.75rem;white-space:normal;word-break:break-word}.tutor-profile-classes ul li{font-size:.9rem}.classes-policy-note{font-size:.8rem;padding:.2rem 0 .2rem .6rem}.classes-policy-note:before{font-size:.9rem}.tutor-profile-toggle-history{font-size:.95rem;max-width:300px;padding:10px 20px;width:90%}.reschedule-cancel{font-size:.8rem;margin-left:5px;padding:6px 12px}.tutor-profile-contact p{font-size:1.2rem}.tutor-profile-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.tutor-profile-links a{flex:1 1 40%;padding:10px;text-align:center}.learn-lantern-btn{flex:1 1 40%;font-size:.9rem;margin-bottom:10px;margin-right:0;min-height:44px;padding:10px}.review-form{border-radius:10px;box-shadow:0 2px 10px #0000001a;font-size:.95rem;margin:1rem auto;padding:1.25rem;width:90%}.review-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.review-form h3{flex:1 1;font-size:1.2rem;margin:0;text-align:left}@media only screen and (max-width:950px){.close-review-btn{font-size:14px;height:28px;margin-left:auto;position:static;width:28px}.close-review-btn:before{font-size:18px}}.review-form label{display:block;font-size:.95rem;font-weight:700;margin-top:1rem}.review-form select,.review-form textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:#333;font-size:.95rem;margin-top:.5rem;padding:.75rem;width:100%}.review-form select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23333" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:.65rem auto}.review-form textarea{min-height:100px;resize:vertical}.review-form button:not(.close-review-btn){background-color:#f04f54;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1.5rem;padding:.8rem;transition:background-color .3s ease,transform .2s;width:100%}.review-form button:hover{transform:translateY(-2px)}}@media only screen and (max-width:600px){.tutor-profile-menu-button{font-size:1.2rem;padding:6px}.tutor-profile-menu-container{width:100%}}@media only screen and (max-width:400px){.tutor-profile-menu-button{font-size:1.15rem;padding:4px}.tutor-profile-menu-container{width:100%}}@media only screen and (max-width:950px) and (orientation:landscape){.tutor-profiles-container{margin-top:100px}.tutor-profile{max-width:90%}.tutor-profile-button-group{gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.info-circle{cursor:help;display:inline-block;margin-left:8px;position:relative;transition:opacity .2s ease,transform .2s ease}.info-icon{background-color:#666;bottom:4px;font-size:11px;font-style:normal;left:0;position:relative}.info-circle:hover .info-icon{background-color:#333;transform:scale(1.1)}.info-circle[title]:hover:after{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 12px #00000026;color:#000;content:attr(title);font-size:.85rem;left:300%;min-width:20rem;padding:8px 12px;pointer-events:none;position:absolute;top:-55px;transform:translateX(-50%);white-space:nowrap;white-space:normal;z-index:1000}.info-circle[title]:hover:before{border:5px solid;border-color:#0000 #0000 #000c;content:"";left:50%;position:absolute;top:-5px;transform:translateX(-50%)}@media (max-width:768px){.credit-info-circle{display:inline-flex}}.tutor-info-skeleton{margin-left:auto;margin-right:auto;margin-top:150px;max-width:1200px;padding:20px}.tutor-info-skeleton .tutor-profile{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px;position:relative}.tutor-info-skeleton .tutor-profile-content{display:flex;flex-direction:column;gap:20px}.tutor-info-skeleton .tutor-profile-info{align-items:center;display:flex;gap:15px}.skeleton-profile-picture{animation:pulse 1.5s ease-in-out infinite;border-radius:50%;height:80px;width:80px}.skeleton-tutor-name{animation:pulse 1.5s ease-in-out infinite;border-radius:4px;height:32px;width:200px}.tutor-info-skeleton .tutor-profile-credits{display:flex;flex-direction:column;gap:15px}.skeleton-credits-text{animation:pulse 1.5s ease-in-out infinite;border-radius:4px;height:20px;width:120px}.tutor-info-skeleton .tutor-profile-button-group{display:flex;flex-wrap:wrap;gap:10px}.skeleton-button{width:150px}.tutor-info-skeleton .tutor-profile-contact{display:flex;flex-direction:column;gap:10px}.skeleton-contact-title{animation:pulse 1.5s ease-in-out infinite;border-radius:4px;height:24px;width:100px}.tutor-info-skeleton .tutor-profile-links{display:flex;flex-wrap:wrap;gap:15px}.skeleton-link{animation:pulse 1.5s ease-in-out infinite;border-radius:4px;height:36px;width:100px}@media (max-width:768px){.tutor-info-skeleton .tutor-profile-info{flex-direction:column;text-align:center}.tutor-info-skeleton .tutor-profile-button-group{justify-content:center}.skeleton-button{width:120px}}.confirm-dialog-content{align-items:center;display:flex;flex-direction:column;padding:1rem 0;text-align:center}.confirm-dialog-icon{font-size:3rem;margin-bottom:1rem}.confirm-dialog-message{color:#333;font-size:1.1rem;line-height:1.5;margin-bottom:2rem;max-width:400px}.confirm-dialog-actions{display:flex;gap:1rem;justify-content:center;width:100%}.confirm-dialog-button{word-wrap:break-word;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.3;max-width:250px;min-width:100px;overflow-wrap:break-word;padding:12px 24px;transition:all .2s ease;white-space:normal}.confirm-dialog-cancel{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a;color:#495057;font-weight:500;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-dialog-cancel:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-dialog-cancel:hover{background:linear-gradient(135deg,#e9ecef,#f8f9fa);border-color:#adb5bd;box-shadow:0 4px 12px #00000026;color:#212529;transform:translateY(-1px)}.confirm-dialog-cancel:hover:before{left:100%}.confirm-dialog-cancel:active{transform:translateY(0);transition:all .1s}.confirm-dialog-confirm{color:#fff}.confirm-dialog-confirm.warning{background-color:#f6e43a;color:#333}.confirm-dialog-confirm.warning:hover{background-color:#f4d932}.confirm-dialog-confirm.danger{background-color:#f04f54}.confirm-dialog-confirm.danger:hover{background-color:#e03e42}.confirm-dialog-confirm.info{animation:pulse-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#5349ea,#33c2a4 50%,#f6e43a);background-size:200% 200%;border:none;box-shadow:0 4px 15px #5349ea66,0 0 20px #33c2a44d,inset 0 1px 0 #fff3;color:#fff;font-weight:700;overflow:hidden;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-dialog-confirm.info:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-dialog-confirm.info:hover{animation:pulse-glow-intense 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#4338d8,#2db89e 50%,#f4d932);box-shadow:0 8px 25px #5349ea80,0 0 30px #33c2a466,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.02)}.confirm-dialog-confirm.info:hover:before{left:100%}.confirm-dialog-confirm.info:active{transform:translateY(0) scale(.98);transition:all .1s}@keyframes pulse-glow-intense{0%{background-position:0 50%;box-shadow:0 8px 25px #5349ea80,0 0 30px #33c2a466,inset 0 1px 0 #ffffff4d}to{background-position:100% 50%;box-shadow:0 10px 30px #5349ea99,0 0 40px #33c2a480,inset 0 1px 0 #fff6}}@media (max-width:600px){.confirm-dialog-actions{flex-direction:column}.confirm-dialog-button{width:100%}.confirm-dialog-message{font-size:1rem}.confirm-dialog-icon{font-size:2.5rem}}.chat-list{background-color:#f7f7f7;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;height:100%;min-width:300px;width:350px}.chat-list-header{background:#f7f7f7;border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem;position:sticky;top:0;z-index:2}.chat-list-header h2{color:#272660;font-size:1.5rem;margin:0 0 .75rem}.chat-search-container{margin-top:.5rem}.chat-search-input-wrapper{align-items:center;display:flex;position:relative}.chat-search-input{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.5rem 2rem .5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.chat-search-input:focus{border-color:#5349ea;box-shadow:0 0 0 2px #5349ea1a;outline:none}.chat-search-input::placeholder{color:#999;font-style:italic}.chat-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:1.2rem;justify-content:center;padding:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:1.2rem}.chat-search-clear:hover{background-color:#f0f0f0;color:#666}.chat-list-items{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.chat-list-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;padding:1rem 1.5rem;position:relative;transition:background-color .2s ease}.chat-list-item:hover{background-color:#e9e9e9}.chat-list-item.selected{background-color:#e0e7ff}.chat-list-item .avatar{border-radius:50%;height:50px;margin-right:1rem;object-fit:cover;width:50px}.chat-item-details{flex:1 1;overflow:hidden}.chat-item-name{color:#333;font-size:1.1rem;font-weight:600;margin:0}.chat-item-name.unread{color:#272660;font-weight:700}.chat-item-last-message{color:#666;font-size:.9rem;height:1.2rem;margin:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.chat-item-last-message.unread{color:#333;font-weight:600}.unread-indicator{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.unread-dot,.unread-indicator{background-color:#f04f54;border-radius:50%}.unread-dot{border:2px solid #fff;height:10px;pointer-events:none;position:absolute;right:16px;top:10px;width:10px}.no-conversations{color:#888;padding:2rem;text-align:center}@media (max-width:1024px){.chat-list{min-width:250px;width:300px}}@media (max-width:768px){.chat-list{border-bottom:1px solid #e0e0e0;border-right:none;flex-shrink:1;max-height:250px;min-width:100%;overscroll-behavior:contain;transition:transform .3s ease-in-out;width:100%}.chat-list.mobile-hidden{transform:translateX(-100%)}.chat-list-header{background:linear-gradient(135deg,#272660,#5349ea);box-shadow:0 2px 10px #0000001f;color:#fff;padding:.85rem 1rem;position:sticky;top:0;z-index:3}.chat-list-header h2{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.2px;margin:0 0 .5rem}.chat-search-input{font-size:.85rem;padding:.4rem 1.8rem .4rem .6rem}.chat-search-clear{font-size:1.1rem;height:1.1rem;right:.4rem;width:1.1rem}.chat-list-items{background:#f7f8fa;padding:.5rem .5rem .75rem}.chat-list-item{background:#fff;border:1px solid #ececec;border-radius:12px;box-shadow:0 1px 6px #00000014;gap:.75rem;margin:0 .5rem .6rem;padding:.75rem .9rem}.chat-list-item:hover{background-color:#fafbff}.chat-list-item.selected{background-color:#eef2ff;border-color:#d6dcff;box-shadow:0 2px 10px #2726601f}.chat-list-item .avatar{border:1px solid #e9e9e9;box-shadow:0 1px 2px #0000000f;height:44px;margin-right:.65rem;width:44px}.chat-item-name{font-size:1.02rem;font-weight:600;letter-spacing:.1px}.chat-item-last-message{color:#7a7a7a;font-size:.88rem}.chat-list-items{padding:.25rem 0}}@media (max-width:480px){.chat-list{max-height:200px}.chat-list-header{padding:.5rem .75rem}.chat-list-header h2{font-size:1.1rem;margin:0 0 .4rem}.chat-search-input{font-size:.8rem;padding:.35rem 1.6rem .35rem .5rem}.chat-search-clear{font-size:1rem;height:1rem;right:.35rem;width:1rem}.chat-list-item{padding:.5rem .75rem}.chat-list-item .avatar{height:35px;margin-right:.5rem;width:35px}.chat-item-name{font-size:.95rem}.chat-item-last-message{font-size:.8rem}}.message-wrapper{display:flex;margin-bottom:1rem;max-width:70%;min-width:0;width:fit-content}.message-wrapper.sent{flex-direction:row-reverse;margin-left:auto}.message-wrapper.received{flex-direction:row;margin-right:auto}.message-content{border-radius:18px;font-size:1rem;line-height:1.4;max-width:100%;min-width:0;overflow-wrap:break-word;padding:.75rem 1rem;position:relative;text-align:left;word-break:break-word}.message-wrapper.sent .message-content{background:linear-gradient(135deg,#5349ea,#272660);border-top-right-radius:4px;color:#fff}.message-wrapper.received .message-content{background:#f1f0f0;border-top-left-radius:4px;color:#333}.message-content.pending,.message-wrapper.pending .message-content{background:#b7b4ff;color:#fff;opacity:.85}.message-wrapper.pending .message-sender{opacity:.7}.message-sender{font-size:.75rem;font-weight:600;margin-bottom:.25rem;opacity:.8;text-align:left}.message-text{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 .25rem;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:break-word}.message-link{color:inherit;cursor:pointer;text-decoration:underline;transition:opacity .2s ease}.message-link:hover{opacity:.8}.message-timestamp{color:#ffffffb3;display:block;font-size:.75rem;text-align:right}.message-wrapper.received .message-timestamp{color:#888}@media (max-width:768px){.message-wrapper{margin-bottom:.75rem;max-width:85%;min-width:0}.message-content{border-radius:16px;box-shadow:0 1px 3px #0000001f;font-size:.95rem;padding:.6rem .8rem}.message-wrapper.sent .message-content{background:linear-gradient(135deg,#5349ea,#272660);border-top-right-radius:3px;box-shadow:0 2px 6px #2726602e}.message-wrapper.received .message-content{background:#f8f9fa;border:1px solid #e5e7eb;border-top-left-radius:3px;box-shadow:0 1px 3px #0000001a}.message-sender{font-size:.7rem;margin-bottom:.2rem}.message-text{line-height:1.4;margin-bottom:.2rem}.message-timestamp{font-size:.7rem}}@media (max-width:480px){.message-wrapper{margin-bottom:.5rem;max-width:90%;min-width:0}.message-content{border-radius:14px;font-size:.9rem;padding:.5rem .7rem}.message-wrapper.sent .message-content{border-top-right-radius:2px}.message-wrapper.received .message-content{border-top-left-radius:2px}.message-sender{font-size:.65rem;margin-bottom:.15rem}.message-text{line-height:1.3;margin-bottom:.15rem}.message-timestamp{font-size:.65rem}}@media (max-width:320px){.message-wrapper{margin-left:.25rem;margin-right:.25rem;max-width:95%}.message-content{font-size:.85rem;padding:.4rem .6rem}.message-text{font-size:.85rem;line-height:1.3}}.chat-window{background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.chat-window-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;padding:1rem 1.5rem;position:sticky;top:0;z-index:2}.chat-back-button{align-items:center;background:none;border:none;border-radius:50%;color:#272660;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:background-color .2s ease}.chat-back-button:hover{background-color:#e0e7ff}.chat-window-header h3{color:#272660;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.chat-block-button{background:#f04f54!important;border:none!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:inherit!important;font-size:.9rem!important;font-weight:600!important;padding:.5rem 1rem!important;text-align:center!important;text-decoration:none!important;transition:background-color .2s ease!important}.chat-block-button:hover{background:#c73a3f!important}.mute-status-banner{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1.5rem}.mute-status-banner span:first-child{font-weight:600}.mute-time-remaining{background:#fff3;border-radius:12px;font-size:.9rem;opacity:.9;padding:.25rem .75rem}.clear-mute-btn{align-items:center;background:#ffffff4d;border:1px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.clear-mute-btn:hover{background:#ffffff80;border-color:#fffc}.messages-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem}.message-form{background-color:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;padding:1rem 1.5rem}.message-form input{border:1px solid #ccc;border-radius:20px;flex:1 1;font-size:1rem;margin-right:1rem;padding:.75rem 1rem}.message-form button{background:linear-gradient(135deg,#272660,#5349ea);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.message-form button:hover{background:linear-gradient(135deg,#5349ea,#272660)}.message-form button:disabled{background:#ccc;cursor:not-allowed}.chat-window-loading{align-items:center;color:#888;display:flex;font-size:1.2rem;height:100%;justify-content:center}@media (max-width:768px){.chat-window{border-left:none;border-top:1px solid #e0e0e0;flex:1 1;min-height:0;overscroll-behavior:none}.chat-window-header{background:linear-gradient(135deg,#272660,#5349ea);box-shadow:0 2px 10px #0000001f;color:#fff;padding:.85rem 1rem}.chat-window-header h3{color:#fff;font-size:1.1rem}.chat-back-button{color:#fff;font-size:1.3rem}.chat-back-button:hover{background-color:#ffffff1a}.messages-container{background-color:#f7f8fa;max-height:none;padding:1rem}.message-form{box-shadow:0 -2px 10px #0000000f;padding:.75rem 1rem calc(env(safe-area-inset-bottom) + 12px)}.message-form input{background:#fff;border:1px solid #e6e6e6;border-radius:22px;box-shadow:0 1px 2px #0000000f;font-size:.95rem;margin-right:.75rem;padding:.6rem .8rem}.message-form input::placeholder{color:#9aa0a6}.message-form button{box-shadow:0 2px 6px #5349ea4d;font-size:.95rem;padding:.6rem 1.2rem}}@media (max-width:480px){.chat-window-header{padding:.5rem .75rem}.chat-window-header h3{font-size:1rem}.chat-back-button{font-size:1.2rem;height:35px;min-width:35px}.messages-container{padding:.75rem}.message-form{padding:.5rem .75rem}.message-form input{font-size:.9rem;margin-bottom:10px;margin-right:.5rem;padding:.5rem .7rem}.message-form button{font-size:.9rem;margin-bottom:10px;padding:.5rem 1rem}}.chat-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;height:calc(100vh - 120px);margin-left:auto;margin-right:auto;margin-top:220px;max-width:1200px;overflow:hidden;overscroll-behavior:contain;width:100%}.no-chat-selected{align-items:center;background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.no-chat-selected h2{color:#272660;font-size:2rem;font-weight:700;margin-bottom:1rem}.no-chat-selected p{color:#64748b;font-size:1.2rem}.chat-page-loading{align-items:center;color:#888;display:flex;font-size:1.5rem;height:calc(100vh - 175px);justify-content:center;margin-top:175px}.classroom-chat-pane .chat-page-loading{color:#666;font-size:1.2rem;height:100%;margin-top:0;width:100%}@media (max-width:768px){.chat-container{border-radius:0;box-shadow:none;flex-direction:column;height:calc(100vh - 100px);margin-left:0;margin-right:0;margin-top:100px;overflow:hidden;overscroll-behavior:none;position:relative}.chat-list{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e0e0e0;border-right:none;min-height:100%;width:100%;z-index:5}.chat-list,.chat-window{background:#fff;left:0;position:absolute;right:0;top:0;transition:transform .3s ease-in-out}.chat-window{border-left:none;bottom:0;display:flex;flex:1 1;flex-direction:column;transform:translateX(100%);z-index:10}.chat-window.active{transform:translateX(0)}.chat-list.mobile-hidden{transform:translateX(-100%)}.no-chat-selected{display:none}}@media (max-width:480px){.chat-container{height:calc(100vh - 180px);margin-top:130px}.no-chat-selected{display:none}}.students-container{color:#000;font-family:Arial,sans-serif;margin-inline:auto;margin-top:180px;max-width:100%;padding:2rem 18%}li:hover{background-color:#fff}.students-title{color:#000;margin-bottom:2rem;text-align:center}.students-sort-bar{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin:8px 0 16px}.students-sort-label,.students-sort-select{color:#272660;font-weight:600}.students-sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;border-radius:8px;box-shadow:0 2px 8px #cdcaff33;cursor:pointer;padding:8px 12px}.students-sort-select:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea}@media only screen and (max-width:950px){.students-sort-bar{flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}}.error-message{background-color:#ef48481a;border-radius:8px;color:#ef4444;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem}.empty-state-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.empty-state-card{animation:fadeInUp .8s ease-out forwards;animation-delay:.3s;background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #f04f541a;border-radius:20px;box-shadow:0 20px 50px #00000026;max-width:600px;opacity:0;overflow:hidden;padding:3rem;position:relative;text-align:center;width:100%}.empty-state-icon{animation:bounceIn 1s ease-out;animation-delay:.6s;animation-fill-mode:both;margin-bottom:2rem}.teaching-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f04f54,#5349ea 50%,#33c2a4);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:4rem}.empty-state-content{position:relative;z-index:2}.empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#272660,#5349ea);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.empty-state-description{color:#64748b;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px}.empty-state-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2.5rem}.feature-item{align-items:center;animation:slideInUp .6s ease-out;animation-fill-mode:both;background:#f04f540d;border:1px solid #f04f541a;border-radius:25px;color:#272660;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.feature-item:first-child{animation-delay:.8s}.feature-item:nth-child(2){animation-delay:.9s}.feature-item:nth-child(3){animation-delay:1s}.feature-item:hover{background:#f04f5414;box-shadow:0 8px 25px #f04f5426;transform:translateY(-3px)}.feature-icon{font-size:1.2rem}.motivational-message{animation:slideInUp .6s ease-out;animation-delay:1.1s;animation-fill-mode:both;background:#33c2a414;border:1px solid #33c2a433;border-radius:15px;color:#272660;font-size:1.15rem;font-weight:600;padding:1.5rem;text-align:center}.empty-state-gradient{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:0 0 20px 20px;bottom:0;height:5px;left:0;position:absolute;right:0}.student-list{display:flex;flex-direction:column;gap:2rem;list-style-type:none;margin:0;padding:0}.student-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;padding:2rem;position:relative;transition:transform .25s ease}.student-card:hover{transform:translateY(-5px)}.student-header{align-items:center;display:flex;gap:2rem;margin-bottom:1.5rem}.profile-pic-student{border:3px solid #000;border-radius:50%;box-shadow:0 4px 8px #0003;height:150px;object-fit:cover;width:150px}.student-info{flex:1 1;min-width:200px}.student-name{color:#000;font-size:2rem;font-weight:700;margin:0}.student-credits{color:#666;font-size:1.2rem;font-weight:500;margin-top:.8rem}.student-actions{display:flex;gap:1rem;margin-top:1rem}.student-actions button{border:none;border-radius:8px;color:#272660;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 24px;transition:all .3s ease,transform .2s}.student-actions button:first-child{background:linear-gradient(135deg,#272660,#5349ea);box-shadow:0 4px 12px #2726604d;color:#fff}.student-actions button:first-child:hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.student-actions button:last-child{background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;box-shadow:0 2px 8px #cdcaff33;color:#272660}.student-actions button:last-child:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.toggle-button{margin-left:0}.toggle-arrow{background-color:#fff;border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:1.3rem;padding:12px 24px;transition:background-color .3s ease,transform .2s}.toggle-arrow:hover{background-color:#c4c4c4;transform:translateY(-2px)}.classes-container{animation:slideDown .4s ease-out;background-color:#f8f9fa;border-radius:10px;margin-top:1.5rem;overflow:hidden;padding:1.5rem}.class-item{border-bottom:1px solid #e0e0e0;padding:1rem;transition:background-color .2s ease}.class-item:hover{background-color:#f1f5f9}.class-item p{color:#333;font-size:1.1rem;margin:0}.students-container .student-reschedule-button{background:linear-gradient(135deg,#ffffffe6,#eceaff80);border:1px solid #cdcaff;border-radius:8px;box-shadow:0 2px 8px #cdcaff33;color:#272660;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease,transform .2s}.students-container .student-reschedule-button:hover{background:linear-gradient(135deg,#cdcaff99,#eceaffcc);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.students-container .student-cancel-button{background:linear-gradient(135deg,#ffffffe6,#f04f541a);border:1px solid #f04f544d;border-radius:8px;box-shadow:0 2px 8px #f04f5426;color:#c73a3f;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease,transform .2s}.students-container .student-cancel-button:hover{background:linear-gradient(135deg,#f04f541a,#f04f5433);border:1px solid #f04f5480;box-shadow:0 4px 12px #f04f5440;transform:translateY(-2px)}.student-card:after{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:0 0 10px 10px;bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}@media only screen and (max-width:950px){.students-container{padding:1rem}.students-upcoming-groups{padding:8px 0 0}.students-upcoming-day-group{margin-bottom:12px}.students-upcoming-day-header{flex-direction:column;gap:6px;padding:10px 14px;text-align:center}.students-upcoming-day-title{font-size:1rem}.students-upcoming-day-count{font-size:.75rem;padding:2px 8px}.students-upcoming-class-item{padding:10px 12px}.students-upcoming-class-row{align-items:stretch!important;flex-direction:column!important;gap:10px!important}.students-upcoming-class-info{align-items:center!important;flex-direction:row!important;flex-wrap:wrap;gap:8px!important}.students-upcoming-class-time{font-size:.85rem;min-width:65px;padding:4px 8px}.students-upcoming-class-student{flex:1 1;font-size:.9rem;min-width:0}.students-upcoming-actions{display:flex!important;gap:8px!important;margin-left:0!important;margin-top:4px;width:100%!important}.upcoming-action-btn{flex:1 1!important;font-size:.85rem!important;padding:8px 10px!important;text-align:center;white-space:nowrap}.students-upcoming-content.open{max-height:60vh}.students-upcoming-title{font-size:1.3rem}.students-upcoming-section{margin-bottom:20px;padding:16px}.empty-state-container{min-height:50vh;padding:1rem}.empty-state-card{border-radius:15px;padding:2rem 1.5rem}.teaching-icon{font-size:3rem}.empty-state-title{font-size:2rem}.empty-state-description{font-size:1.1rem;margin-bottom:2rem}.empty-state-features{align-items:center;flex-direction:column;gap:1rem;margin-bottom:2rem}.feature-item{font-size:.95rem;padding:.8rem 1.2rem}.motivational-message{font-size:1rem;padding:1.2rem}.student-card{padding:1.5rem}.student-header{flex-direction:column;gap:1rem;text-align:center}.profile-pic-student{height:100px;width:100px}.student-name{font-size:1.8rem}.student-credits{font-size:1.1rem}.student-actions{align-items:stretch;flex-direction:column}.student-actions button{width:100%}.class-item{align-items:flex-start;flex-direction:column;gap:1rem}.class-actions{justify-content:space-between;width:100%}.students-container .student-cancel-button,.students-container .student-reschedule-button{flex:1 1;font-size:.9rem;min-width:0;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.students-upcoming-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin:0 0 24px;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.students-upcoming-section:hover{transform:translateY(-5px)}.students-upcoming-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.students-upcoming-header button{align-items:center;background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;border-radius:8px;box-shadow:0 2px 8px #cdcaff33;color:#272660;cursor:pointer;display:flex;font-size:1rem;padding:8px 12px;transition:all .3s ease,transform .2s}.students-upcoming-header button svg{transition:transform .3s ease}.students-upcoming-header button.open svg{transform:rotate(180deg)}.students-upcoming-header button:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.students-upcoming-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.students-upcoming-content.open{max-height:80vh;overflow-y:auto;scrollbar-color:#5349ea4d #cdcaff1a;scrollbar-width:thin;transition:max-height .5s ease-in}.students-upcoming-content.open::-webkit-scrollbar{width:8px}.students-upcoming-content.open::-webkit-scrollbar-track{background:#cdcaff1a;border-radius:4px}.students-upcoming-content.open::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5349ea66,#2726604d);border:1px solid #cdcaff33;border-radius:4px}.students-upcoming-content.open::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5349ea99,#27266080)}.students-upcoming-title{color:#333;font-size:1.5rem;margin:0}.students-upcoming-groups{padding:12px 0 0}.students-upcoming-day-group{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #cdcaff4d;border-radius:10px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.students-upcoming-day-group:hover{box-shadow:0 3px 12px #cdcaff26;transform:translateY(-1px)}.students-upcoming-day-group:last-child{margin-bottom:0}.students-upcoming-day-header{align-items:center;background:linear-gradient(135deg,#272660,#5349ea);border-bottom:2px solid #cdcaff66;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.students-upcoming-day-title{font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.students-upcoming-day-count{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;font-size:.8rem;font-weight:600;padding:3px 10px;text-transform:lowercase}.students-upcoming-day-list{list-style:none;margin:0;padding:0}.students-upcoming-class-item{border-bottom:1px solid #cdcaff26;padding:12px 16px;transition:background-color .2s ease}.students-upcoming-class-item:last-child{border-bottom:none}.students-upcoming-class-item:hover{background-color:#eceaff40}.students-upcoming-class-info{align-items:center;display:flex;gap:12px;justify-content:space-between}.students-upcoming-class-time{background:linear-gradient(135deg,#cdcaff4d,#eceaff80);border:1px solid #cdcaff80;border-radius:6px;color:#272660;font-size:.9rem;font-weight:700;min-width:75px;padding:5px 10px;text-align:center;white-space:nowrap}.students-upcoming-class-student{align-items:center;color:#333;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:6px}.students-upcoming-empty,.students-upcoming-loading{color:#6c757d;font-style:italic;padding:16px 0;text-align:center}.students-upcoming-show-more{background:linear-gradient(135deg,#f8fafcb3,#eceaff4d);border-top:1px solid #cdcaff33;display:flex;justify-content:center;margin-top:4px;padding:8px 16px 12px}.students-upcoming-show-more-btn{align-items:center;background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #5349ea4d;border-radius:16px;box-shadow:0 1px 3px #5349ea1a;color:#5349ea;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.students-upcoming-show-more-btn:hover{background:linear-gradient(135deg,#5349ea,#272660);border:1px solid #5349ea;box-shadow:0 2px 6px #5349ea33;color:#fff;transform:translateY(-1px)}.students-upcoming-show-more-btn svg{transition:transform .2s ease}.students-upcoming-show-more-btn:hover svg{transform:translateY(1px)}.show-more-classes{display:flex;justify-content:center;margin-top:.5rem;padding:1rem 0}.show-more-classes-btn{align-items:center;background:none;border:1px solid #5349ea;border-radius:20px;color:#5349ea;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:all .2s ease}.show-more-classes-btn:hover{background-color:#5349ea;color:#fff;transform:translateY(-1px)}.show-more-classes-btn svg{transition:transform .2s ease}.show-more-classes-btn:hover svg{transform:translateY(1px)}.info-tooltip{border-radius:4px;bottom:125%;min-width:max-content;opacity:0;padding:6px 10px;pointer-events:none;transition:opacity .3s ease;z-index:9999}.info-tooltip,.info-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.info-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";top:100%}.info-tooltip-container:active .info-tooltip,.info-tooltip-container:focus .info-tooltip,.info-tooltip-container:hover .info-tooltip{opacity:1;pointer-events:auto}@media (max-width:768px){.credit-info-circle{display:inline-flex}.students-container .student-cancel-button,.students-container .student-reschedule-button{font-size:.8rem;min-width:80px;padding:6px 8px}.class-item{gap:.8rem;padding:.8rem}.class-item p{font-size:1rem;word-break:break-word}}@media (max-width:480px){.students-container .student-cancel-button,.students-container .student-reschedule-button{font-size:.75rem;min-width:70px;padding:5px 6px}.class-item p{font-size:.9rem}}.student-card-skeleton{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 10px #0000000d;list-style:none;margin-bottom:1.5rem;padding:1.5rem}.student-card-skeleton .student-header{align-items:center;display:flex;gap:1.5rem;width:100%}.student-card-skeleton .student-info{flex-grow:1}.student-card-skeleton .student-actions{display:flex;gap:1rem}.skeleton-profile-pic{background-color:#e0e0e0;height:50px;width:50px}.skeleton-line{margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:40%}.skeleton-text{width:60%}.skeleton-button{width:100px}.student-card-skeleton .skeleton-button,.student-card-skeleton .skeleton-line,.student-card-skeleton .skeleton-profile-pic{animation:shimmer 1.5s linear infinite;background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5 40px,#e0e0e0 80px);background-size:200% 100%}.student-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:100px;justify-content:center;text-transform:uppercase;width:100px}.student-avatar-initials{line-height:1}.login-container{background:linear-gradient(180deg,#f7f8fb,#f2f3f7 60%,#eef1f8);background-repeat:no-repeat;background-size:100% 100%;display:grid;margin-top:100px;min-height:calc(100vh - 64px);overflow:hidden;padding:6rem 1rem 4rem;place-items:center;width:100%}.login-card,.login-container{box-sizing:border-box;position:relative}.login-card{background:#fff;border-radius:1rem;box-shadow:0 18px 50px #0000001f;color:#4b5563;max-width:420px;padding:2rem;width:100%}.login-card:before{animation:flowColors 4s ease-in-out infinite;background:linear-gradient(45deg,#33c2a4,#95f5f1,#eceaff,#f6e43a,#f04f54,#cdcaff,#5349ea,#33c2a4,#95f5f1,#eceaff,#f6e43a,#f04f54,#cdcaff,#5349ea);background-size:400% 400%;border-radius:11px;content:"";inset:-3px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.9;padding:3px;position:absolute;z-index:-1}.login-title{margin-bottom:1.5rem;text-align:center}.login-title h3{color:#1f2937;font-size:1.5rem;font-weight:700}.login-form{margin-top:1.25rem}.login-label{color:#4b5563;font-size:.9rem;font-weight:700}.login-input{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;color:#6b7280;margin-top:.5rem;padding:.75rem;transition:border-color .3s,background-color .3s,box-shadow .25s;width:100%}.login-input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #5349ea1f}.login-error{color:#dc2626;font-weight:700;margin-top:.5rem}.login-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .3s ease,transform .2s;width:100%}.login-button-active{background:linear-gradient(135deg,#5349ea,#f04f54);box-shadow:0 6px 16px #5349ea4d}.login-button-active:hover{background:linear-gradient(135deg,#f04f54,#5349ea);box-shadow:0 10px 22px #f04f5459;transform:translateY(-2px)}.login-button-disabled{background:linear-gradient(135deg,#d1d5dbcc,#9ca3afcc);box-shadow:none;cursor:not-allowed;transform:none}.login-footer{font-size:.875rem;margin-top:1rem;text-align:center}.login-divider{align-items:center;display:flex;margin-top:1rem;width:100%}.login-divider-line{border-bottom:2px solid #e5e7eb;flex-grow:1;margin:0 1rem}.login-google-button{align-items:center;background:linear-gradient(135deg,#ffffffe6,#cdcaff33);border:1px solid #cdcaff;border-radius:8px;box-shadow:0 2px 8px #cdcaff33;color:#272660;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem;transition:all .3s ease,transform .2s;width:100%}.google-logo{height:auto;margin-right:8px}.login-google-button:hover{background:linear-gradient(135deg,#cdcaff99,#eceaff66);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.login-google-button-disabled{background:linear-gradient(135deg,#d1d5dbcc,#9ca3af80);box-shadow:none;cursor:not-allowed;transform:none}.register-container{background:linear-gradient(180deg,#f7f8fb,#f2f3f7 60%,#eef1f8);background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;display:grid;margin-top:100px;min-height:calc(100vh - 64px);overflow:hidden;padding:6rem 1rem 4rem;place-items:center;position:relative;width:100%}.ambient-bubbles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ambient-bubble{animation:bubbleFade 4s ease forwards;animation:bubbleFade var(--bubble-duration,4s) ease forwards;background:linear-gradient(135deg,#5349ea26,#f04f541f 50%,#33c2a426);border:2px solid #cdcaffcc;border-radius:999px;box-shadow:0 10px 30px #2726601f;color:#272660;opacity:0;padding:.35rem .7rem;position:absolute;transform:translateY(8px) scale(.98)}@keyframes bubbleFade{0%{opacity:0;transform:translateY(8px) scale(.98)}10%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-6px) scale(.98)}}.register-card{background:#fff;border-radius:1rem;box-shadow:0 18px 50px #0000001f;box-sizing:border-box;color:#4b5563;max-width:420px;padding:2rem;position:relative;width:100%}.register-card:before{animation:flowColors 4s ease-in-out infinite;background:linear-gradient(45deg,#33c2a4,#95f5f1,#eceaff,#f6e43a,#f04f54,#cdcaff,#5349ea,#33c2a4,#95f5f1,#eceaff,#f6e43a,#f04f54,#cdcaff,#5349ea);background-size:400% 400%;border-radius:11px;content:"";inset:-3px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.9;padding:3px;position:absolute;z-index:-1}@keyframes flowColors{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.register-title{margin-bottom:1.5rem;text-align:center}.register-title h3{color:#1f2937;font-size:1.5rem;font-weight:700}.register-form{margin-top:1.25rem}.register-label{color:#4b5563;font-size:.9rem;font-weight:700}.register-input{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;color:#6b7280;margin-top:.5rem;padding:.75rem;transition:border-color .3s,background-color .3s,box-shadow .25s;width:100%}.register-input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #5349ea1f}.register-error{color:#dc2626;font-weight:700;margin-top:.5rem}.register-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .3s ease,transform .2s;width:100%}.register-button-active{background:linear-gradient(135deg,#272660,#5349ea);box-shadow:0 6px 16px #2726604d}.register-button-active:hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 10px 22px #5349ea59;transform:translateY(-2px)}.register-button-disabled{background:linear-gradient(135deg,#d1d5dbcc,#9ca3afcc);box-shadow:none;cursor:not-allowed;transform:none}.register-footer{font-size:.875rem;margin-top:1rem;text-align:center}.register-divider{align-items:center;display:flex;margin-top:1rem;width:100%}.register-divider-line{border-bottom:2px solid #e5e7eb;flex-grow:1;margin:0 1rem}.register-google-button{align-items:center;background:linear-gradient(135deg,#cdcaff80,#eceaff80);border:none;border-radius:8px;box-shadow:0 3px 8px #27266026;color:#272660;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:.75rem;transition:all .3s ease,transform .2s;width:100%}.register-google-button:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaffb3);box-shadow:0 5px 12px #27266040;transform:translateY(-2px)}.register-google-button-disabled{background:linear-gradient(135deg,#d1d5dbcc,#9ca3afcc);box-shadow:none;cursor:not-allowed;transform:none}.google-logo{height:24px;width:24px}.unauthorized-container{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}h1.unauthorized-title{color:#8b2c26;font-size:2.5rem}p.unauthorized-description{color:#a06e51;font-size:1.5rem;margin-bottom:20px}.ice-cream-gif{width:300px}.filter-title{color:#000;text-align:center;width:100%}.filter-toggle-container{display:flex;flex-basis:100%;justify-content:center;margin:-.5rem auto 1rem;max-width:1000px}.filter-toggle-button{background:linear-gradient(135deg,#5349ea,#f04f54)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #5349ea4d;color:#fff!important;cursor:pointer;font-size:.95rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s ease,transform .2s}.filter-toggle-button:hover{background:linear-gradient(135deg,#f04f54,#5349ea);box-shadow:0 6px 16px #f04f5466;transform:translateY(-2px)}.active-filter-indicator{color:#fff;font-weight:600;margin-left:8px;opacity:.9}.clear-filter-button{background:linear-gradient(135deg,#f04f54,#d43f44)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 6px #f04f544d;color:#fff!important;cursor:pointer;font-size:.9rem!important;font-weight:500!important;padding:8px 16px!important;transition:all .3s ease,transform .2s}.clear-filter-button:hover{background:linear-gradient(135deg,#d43f44,#f04f54);box-shadow:0 4px 10px #f04f5466;transform:translateY(-1px)}.language-filter-container{align-items:center;animation:slideDown .3s ease-out;background-color:#fff;border:1px solid #d0d0d0;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-basis:100%;gap:12px;justify-content:center;margin:0 auto 2rem;max-width:1000px;padding:1rem;width:100%}.filter-label{color:#272660;font-size:1rem;font-weight:600;white-space:nowrap}.language-filter-select{background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;border-radius:8px;box-shadow:0 2px 8px #cdcaff33;color:#272660;cursor:pointer;font-size:1rem;font-weight:500;min-width:200px;padding:10px 16px;transition:all .3s ease,transform .2s}.language-filter-select:hover{box-shadow:0 4px 12px #5349ea4d;transform:translateY(-1px)}.language-filter-select:focus,.language-filter-select:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea}.language-filter-select:focus{box-shadow:0 0 0 3px #5349ea1a;outline:none}.language-filter-select option{background-color:#fff;color:#272660;font-size:1rem;padding:10px}.mobile-filters-button{background-color:#f04f54;border:none;border-radius:8px;color:#fff;display:none;font-size:1rem;font-weight:700;margin:1rem;padding:10px 20px}.filter-bar{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;display:flex;font-family:Arial,sans-serif;gap:20px;justify-content:space-between;margin-bottom:2rem;max-width:1200px;padding:1rem 2rem;position:sticky;top:0;width:100%;z-index:100}.filter-bar input,.filter-bar select{background-color:#fff;border:0 solid #000;border-radius:5px;color:#333;font-size:1rem;padding:10px;transition:border-color .3s ease;width:200px}.filter-bar input:focus,.filter-bar select:focus{border-color:#f04f54;outline:none}.filter-bar p{color:#000;font-size:1.1rem;font-weight:700;margin:0}.filter-bar input[type=range]{width:90%}.price-filter-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;left:70%;padding:20px;position:absolute;top:100px;width:20%;z-index:1000}.price-filter-popup input{margin-bottom:10px;width:90%}.price-filter-popup button{background-color:#f04f54;border:none;cursor:pointer;display:block;margin-top:10px;padding:8px 12px}.price-filter-popup button:hover{background-color:#ddd}.tutor-list{background-color:#efefef;color:#e1b010;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Arial,sans-serif;gap:20px;justify-content:center;margin-top:175px;padding:2rem}.language-selection-modal{inset:0;z-index:1000}.language-selection-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;height:100vh;position:absolute}.language-selection-content{margin:20rem auto 0}.intro-message{transition:opacity .5s ease,transform .5s ease}.intro-loader{flex-shrink:0;margin:0 auto}.language-selection-close{background:#0000;border:none;color:#000;cursor:pointer;font-size:1.2rem;position:absolute;right:12px;top:12px}.language-selection-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.language-selection-grid:has(:nth-child(-n+3)){justify-content:space-evenly}.language-selection-card{align-items:center;background:linear-gradient(135deg,#ffffffe6,#cdcaff40);border:1px solid #cdcaff!important;border-radius:16px!important;box-shadow:0 4px 12px #5349ea1f;color:#272660;display:flex!important;font-size:1rem!important;justify-content:flex-start;line-height:1.5;min-width:200px;padding:20px 22px!important;transition:all .25s ease;width:100%!important}.language-selection-card:hover{border-color:#5349ea;box-shadow:0 8px 18px #5349ea40;transform:translateY(-2px)}.language-name-text{font-size:1rem}.language-card-inner{gap:12px}.language-icon-wrap{height:72px;width:72px}.language-icon{height:56px;width:56px}.language-selection-footer{margin-top:1.25rem}.language-selection-link{color:#555;cursor:pointer;font-family:Montserrat,sans-serif;text-decoration:underline;transition:color .2s ease}.language-selection-link:hover{color:#d43f44}@media (max-width:768px){.language-selection-content{margin:4rem 1rem 0;padding:1.5rem 1rem 1rem}.language-selection-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.language-selection-close{display:none}.language-selection-card{border-radius:16px!important;min-width:140px;padding:18px 20px!important;width:100%!important}.language-name-text{font-size:.9rem}.intro-message{font-size:1.1rem}.intro-loader{height:50px;width:50px}}@media (max-width:480px){.language-selection-content{margin:2rem .5rem 0;padding:1rem .75rem .75rem}.language-selection-grid{gap:8px;grid-template-columns:1fr}.language-selection-card{border-radius:16px!important;padding:18px 20px!important;width:100%!important}.language-name-text{font-size:.85rem}}.tutor-card{align-items:center;animation:fadeInUp .6s ease-out forwards;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;opacity:0;padding:20px 30px 30px;position:relative;width:100%}.tutor-content-wrapper{width:100%}.gradient-line{border-radius:2px;width:100%}.profile-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-right:20px}.profile-pic{border:3px solid #000;border-radius:50%;box-shadow:0 4px 8px #0003;height:200px;object-fit:cover;width:200px}.tutor-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.tutor-name{color:#000;font-size:2rem;font-weight:700;margin:0;position:relative}.tutor-main-language{background-color:#f04f54;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.price-mobile,.star-mobile{display:none}.country-flag{border:3px solid #000;border-radius:50%;bottom:4rem;height:50px;left:4rem;margin-left:10px;object-fit:cover;position:relative;width:50px}.tutor-content{align-items:flex-start;display:flex;flex:1 1;gap:20px;justify-content:space-between}.tutor-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.tutor-info h3{font-size:2rem;font-weight:700;margin:0}.tutor-details{color:#777;font-size:1rem;text-align:left}.tutor-description{font-weight:600}.tutor-description,.tutor-description-2{color:#333;font-size:1.1rem;margin-top:10px;text-align:left}.tutor-description-2{line-height:1.5}.read-more-button{all:unset;background:none;border:none;color:#000;cursor:pointer;padding-left:5px;text-decoration:underline}.read-more-button:hover{all:unset;color:#f04f54;cursor:pointer;padding-left:5px;text-decoration:underline}.lessons{color:#777;margin-top:10px;text-align:left}.buttons{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.tutor-list button:not(.book-trial-button):not(.book-paid-button):not(.book-discounted-trial-button):not(.view-profile-button):not(.read-more-button):not(.spanish-explainer__card-header):not(.home-explainer__card-header){background-color:#f04f54;border:2px solid #f04f5460;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 20px;transition:background-color .3s ease,transform .2s}.book-paid-button,.book-trial-button{width:100%}.book-paid-button{background:linear-gradient(135deg,#272660,#5349ea)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #2726604d;color:#fff!important;font-size:1rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s ease,transform .2s}.book-paid-button:hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.book-trial-button{background:linear-gradient(135deg,#5349ea,#f04f54)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #5349ea4d;color:#fff!important;font-size:1rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s ease,transform .2s}.book-trial-button:hover{background:linear-gradient(135deg,#f04f54,#5349ea);box-shadow:0 6px 16px #f04f5466;transform:translateY(-2px)}.book-discounted-trial-button{background:linear-gradient(135deg,#f6e43a,#33c2a4)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #f6e43a4d;color:#272660!important;font-size:1rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s ease,transform .2s;width:100%}.book-discounted-trial-button:hover{background:linear-gradient(135deg,#33c2a4,#f6e43a);box-shadow:0 6px 16px #33c2a466;transform:translateY(-2px)}.view-profile-button{background:linear-gradient(135deg,#ffffffe6,#cdcaff4d)!important;border:1px solid #cdcaff!important;border-radius:8px!important;box-shadow:0 2px 8px #cdcaff33;color:#272660!important;font-size:1rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s ease,transform .2s;width:100%}.tutor-list button:not(.book-trial-button):not(.book-paid-button):not(.book-discounted-trial-button):not(.view-profile-button):not(.read-more-button):not(.spanish-explainer__card-header):not(.home-explainer__card-header):hover{background-color:#c73a3f;transform:translateY(-2px)}.view-profile-button:hover{background:linear-gradient(135deg,#cdcaffb3,#eceaff80);border:1px solid #5349ea;box-shadow:0 4px 12px #cdcaff4d;transform:translateY(-2px)}.tutor-metrics{align-items:flex-start;gap:3rem;justify-content:center;margin-top:.5rem;text-align:center}.price-block,.rating-block{align-items:center;display:flex;flex-direction:column;min-height:60px;min-width:120px}.price-block,.rating-block{text-align:center}.unit{color:#777;font-size:.95rem;line-height:1.2;margin:.2rem 0 0;white-space:nowrap}.tutor-list iframe{aspect-ratio:16/9;border:none;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;width:100%}.tutor-list video{border-radius:10px;height:auto;width:100%}.tutor-metrics{align-items:center;color:#000;display:flex;flex-direction:row;font-size:1rem;justify-content:left;margin-top:10px}.tutor-metrics p{margin:5px 0}.video-container{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;max-width:350px;position:relative;width:100%}.star-price{flex-direction:row;font-size:1rem;gap:5rem;justify-content:space-between;margin-top:10px}.price,.star,.star-price{align-items:center;color:#000;display:flex}.price,.star{font-size:1.5rem;font-weight:600;justify-content:center;line-height:1.2;margin:0;min-height:24px}.tl-rating-inline{align-items:center;display:inline-flex;gap:8px}.tl-rating-star{height:30px;width:30px}@media only screen and (max-width:950px){.filter-bar{display:none}.mobile-filters-button{background-color:#f04f54;border:none;border-radius:8px;color:#fff;display:block;font-size:1.1rem;font-weight:700;margin:1rem auto;padding:12px 24px;width:100%}.filter-toggle-container{margin:1rem;max-width:none}.filter-toggle-button{max-width:280px;width:100%}.language-filter-container{align-items:center;background-color:#fff;border:1px solid #d0d0d0;border-radius:10px;box-shadow:0 4px 12px #0000001a;flex-direction:column;gap:12px;margin:1rem;padding:1rem}.language-filter-select{max-width:280px;min-width:auto;width:100%}.filters-modal{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:fixed;top:0;width:100vw;z-index:1000}.filters-modal-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;width:100%}.filters-modal-header h2{color:#333;font-size:1.5rem;font-weight:700}.clear-filters,.close-filters{background-color:initial;border:none;color:#000;cursor:pointer;font-size:1.2rem;font-weight:900}.filters-content{display:flex;flex-direction:column;gap:1rem;width:100%}.filters-content h3{color:#000;font-size:1.2rem;margin-bottom:.3rem}.filters-content input,.filters-content select{border:1px solid #000;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.filters-footer{display:flex;justify-content:center;margin-top:2rem;width:100%}.apply-filters{background-color:#f04f54;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;max-width:300px;padding:12px 24px;width:100%}.filter-bar{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:10px;padding:1rem}.filter-bar input,.filter-bar select{width:30%}.price-mobile,.star-mobile{border-radius:8px;color:#333;display:block;font-size:1.3rem;font-weight:700;margin:.5rem auto;padding:6px 12px;text-align:center;width:fit-content}.tutor-details{text-align:left}.tutor-content{align-items:center;flex-direction:column}.tutor-description{text-align:justify}.tutor-metrics{gap:2rem;justify-content:center}.price-block,.rating-block{min-height:50px;min-width:100px}.tutor-info h3{font-size:2.2rem;text-align:center}.tutor-name-container{align-items:center;flex-direction:column;gap:.5rem}.tutor-main-language{font-size:.8rem;padding:.2rem .6rem}.profile-container{margin:0}.profile-pic{height:100px;width:100px}.country-flag{bottom:2rem;height:25px;left:2rem;width:25px}.tutor-list button:not(.book-trial-button):not(.book-paid-button):not(.book-discounted-trial-button):not(.view-profile-button):not(.read-more-button):not(.spanish-explainer__card-header):not(.home-explainer__card-header){border-radius:8px!important;font-size:1.2rem;padding:10px 25px}.book-discounted-trial-button,.book-paid-button,.book-trial-button,.view-profile-button{border-radius:8px!important;font-size:1.2rem!important;padding:10px 25px!important}.buttons{display:flex;flex-direction:column;gap:10px;width:100%}}.tutor-card-skeleton{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:25px;max-width:1200px;padding:20px 30px 30px;position:relative;width:100%}.tutor-card-skeleton .tutor-content{align-items:flex-start;display:flex;gap:20px;width:100%}.tutor-card-skeleton .profile-container{align-items:center;display:flex;flex-direction:column;gap:10px}.skeleton-profile-pic{border-radius:50%;height:80px;width:80px}.skeleton-flag,.skeleton-profile-pic{animation:pulse 1.5s ease-in-out infinite}.skeleton-flag{border-radius:3px;height:20px;width:30px}.tutor-card-skeleton .tutor-info{display:flex;flex:1 1;flex-direction:column;gap:10px}.skeleton-title{height:24px;width:60%}.skeleton-subtitle{height:18px;width:40%}.skeleton-text{height:16px;width:80%}.skeleton-description{height:40px;width:95%}.tutor-card-skeleton .video-container{align-items:center;display:flex;flex-direction:column;gap:15px}.skeleton-video{animation:pulse 1.5s ease-in-out infinite;border-radius:8px;height:140px;width:250px}.skeleton-buttons{display:flex;gap:10px;width:100%}.skeleton-button{animation:pulse 1.5s ease-in-out infinite;border-radius:5px;flex:1 1;height:40px}.custom-youtube-player{background:#f0f0f0;border-radius:8px;cursor:pointer;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;transition:transform .2s ease;width:100%}.custom-youtube-player:hover{transform:scale(1.02)}.video-thumbnail-container{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-thumbnail-container:hover{opacity:.9}.video-thumbnail{background:#f0f0f0;border-radius:8px;display:block;height:100%;object-fit:cover;object-position:center;transition:filter .3s ease;width:100%}.video-thumbnail-container:hover .video-thumbnail{filter:brightness(.8)}.play-button-overlay{bottom:12px;position:absolute;right:12px;transition:transform .2s ease;z-index:10}.play-button-overlay:hover{transform:scale(1.1)}.play-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.play-button:hover{background:#000000e6;box-shadow:0 6px 16px #0006;transform:scale(1.1)}.play-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.youtube-iframe{background:#000;border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.custom-youtube-player{border-radius:6px}.play-button-overlay{bottom:8px;right:8px}.play-button,.play-button svg{height:40px;width:40px}.custom-youtube-player:hover{transform:none}}@media (max-width:480px){.play-button-overlay{bottom:6px;right:6px}.play-button,.play-button svg{height:35px;width:35px}}@media (prefers-color-scheme:dark){.custom-youtube-player,.video-thumbnail{background:#2a2a2a}}.video-thumbnail-container[data-no-thumbnail=true]{font-size:18px;font-weight:600}.thumbnail-fallback,.video-thumbnail-container[data-no-thumbnail=true]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;text-align:center}.thumbnail-fallback{border-radius:8px;flex-direction:column;height:100%;width:100%}.fallback-icon{font-size:48px;margin-bottom:8px}.fallback-icon,.fallback-text{text-shadow:0 2px 4px #00000080}.fallback-text{font-size:16px;font-weight:600}.video-thumbnail-container[data-no-thumbnail=true]:before{content:"▶\A Video Preview";text-shadow:0 2px 4px #00000080;white-space:pre-line}.video-thumbnail-container:focus-visible{outline:2px solid #4285f4;outline-offset:2px}.play-button-overlay:focus-visible{border-radius:50%;outline:2px solid #4285f4;outline-offset:2px}.video-thumbnail{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#0000 37%,#f0f0f0 63%);background-size:400% 100%}@keyframes loading{0%{background-position:100% 50%}to{background-position:-100% 50%}}.custom-youtube-player *{transition:all .3s ease}@media (prefers-contrast:high){.play-button{background:#000;border:2px solid #fff}.play-button-overlay:hover .play-button{background:#fff;border:2px solid #000}.play-button-overlay:hover .play-button svg polygon{fill:#000}}.spanish-explainer{isolation:isolate;margin-top:3rem;overflow-x:hidden;padding:4rem 1.25rem 5rem;width:100%}.spanish-explainer,.spanish-explainer *{box-sizing:border-box}.spanish-explainer button{background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;cursor:pointer;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;margin:0!important;padding:0!important;text-align:left}.spanish-explainer__content{box-sizing:border-box;display:flex;flex-direction:column;gap:2.75rem;margin:0 auto;max-width:1080px;width:100%}.spanish-explainer__intro{margin:0 auto 1rem;max-width:800px;text-align:center}.spanish-explainer__section-heading{color:#111f28;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.2;margin-bottom:.75rem}.spanish-explainer__intro-text{color:#4a5a63;font-size:1.05rem;line-height:1.6;margin:0}.spanish-explainer__main-heading{color:#111f28;font-size:clamp(2.25rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.25rem}.spanish-explainer__lead-text{color:#2d3748;font-size:1.125rem;line-height:1.8;margin-bottom:1.25rem}.spanish-explainer__cta-text{color:#4a5a63;font-size:1.05rem;line-height:1.6;margin-top:1rem}.spanish-explainer__resource-link{border-bottom:2px solid #0000;color:#5349ea;font-weight:600;text-decoration:none;transition:border-color .2s ease}.spanish-explainer__resource-link:hover{border-bottom-color:#5349ea}.spanish-explainer__eyebrow{color:#7a6ff0;font-size:.85rem;font-weight:700;letter-spacing:.18em;margin-bottom:.75rem;text-transform:uppercase}.spanish-explainer__intro h1,.spanish-explainer__intro h2{color:#111f28;font-size:clamp(2rem,3vw,2.75rem);margin-bottom:.75rem}.spanish-explainer__intro p{color:#4a5a63;font-size:1.15rem;line-height:1.6}.spanish-explainer__sections{gap:1.5rem}.spanish-explainer__card,.spanish-explainer__sections{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.spanish-explainer__card{word-wrap:break-word;background:#fff!important;border:1px solid #111f2814;border-radius:20px!important;box-shadow:0 30px 45px -35px #0f172a73;gap:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:2rem;text-align:left;transition:box-shadow .3s ease,transform .2s ease,border-color .3s ease}.spanish-explainer__card:hover{border-color:#7a6ff033;box-shadow:0 35px 55px -30px #0f172a80;transform:translateY(-2px)}.spanish-explainer__card-header{align-items:center;box-shadow:none!important;color:inherit!important;cursor:pointer;display:flex!important;font-size:inherit!important;font-weight:inherit!important;gap:1.25rem;justify-content:space-between;margin:0!important;padding:0!important;text-align:left;transition:opacity .2s ease;width:100%}.spanish-explainer button.spanish-explainer__card-header,.spanish-explainer__card-header{background:none!important;background-color:initial!important;border:none!important;border-radius:0!important}.spanish-explainer__card-header>div{flex:1 1;min-width:0}.spanish-explainer__card-header:hover{opacity:.85}.spanish-explainer__card-header:focus-visible{border-radius:12px;outline:3px solid #7a6ff066;outline-offset:4px}.spanish-explainer__toggle-icon{border:1px solid #15263326;border-radius:50%;flex-shrink:0;height:36px;position:relative;transition:transform .3s ease,border-color .3s ease,background-color .3s ease;width:36px}.spanish-explainer__card-header:hover .spanish-explainer__toggle-icon{border-color:#7a6ff066;transform:scale(1.05)}.spanish-explainer__toggle-icon:after,.spanish-explainer__toggle-icon:before{background:#152633;border-radius:1px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease,background .3s ease}.spanish-explainer__toggle-icon:before{height:2px;width:16px}.spanish-explainer__toggle-icon:after{height:16px;width:2px}.spanish-explainer__card.is-open .spanish-explainer__toggle-icon{background:#0000;border-color:#1526334d}.spanish-explainer__card.is-open .spanish-explainer__toggle-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(0)}.spanish-explainer__card.is-open .spanish-explainer__toggle-icon:before{background:#152633;height:2px;width:16px}.spanish-explainer__card h3{word-wrap:break-word;color:#152633;font-size:1.45rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;overflow-wrap:break-word;text-align:left}.spanish-explainer__subtitle{line-height:1.7;margin:0 0 1.25rem}.spanish-explainer__card-content p,.spanish-explainer__subtitle{word-wrap:break-word;color:#2f3f4a;font-size:1rem;font-weight:400;max-width:100%;overflow-wrap:break-word;text-align:left}.spanish-explainer__card-content p{line-height:1.75;margin:0 0 1.125rem}.spanish-explainer__card-content p:last-of-type{margin-bottom:0}.spanish-explainer__card-content{display:block;height:0;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease,height .4s ease}.spanish-explainer__card.is-open .spanish-explainer__card-content{height:auto;margin-top:1.5rem;max-height:1200px;opacity:1;padding:0}.spanish-explainer__list{list-style:none;margin:0 0 1.25rem;padding-left:0}.spanish-explainer__list li{word-wrap:break-word;color:#2f3f4a;font-size:1rem;font-weight:400;line-height:1.75;margin:0 0 .625rem;max-width:100%;overflow-wrap:break-word;padding-left:1.5rem;position:relative;text-align:left}.spanish-explainer__list li:before{color:#5349ea;content:"•";font-size:1.25rem;font-weight:700;left:0;line-height:1.75;position:absolute}.spanish-explainer__list li:last-child{margin-bottom:0}.spanish-explainer__note{word-wrap:break-word;border-top:1px solid #111f2814;color:#2f3f4a;font-size:1rem;font-weight:400;line-height:1.75;margin:1.25rem 0 0;max-width:100%;overflow-wrap:break-word;padding-top:1.25rem;text-align:left}@media (max-width:768px){.spanish-explainer{box-sizing:border-box;padding:2.5rem 1rem 3.5rem;width:100%}.spanish-explainer__content{gap:2rem;padding:0;width:100%}.spanish-explainer__intro{max-width:100%;padding:0;text-align:center;width:100%}.spanish-explainer__intro h1,.spanish-explainer__intro h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:.75rem;text-align:center}.spanish-explainer__intro p{font-size:1rem;line-height:1.6;text-align:center}.spanish-explainer__eyebrow{font-size:.75rem;letter-spacing:.15em;margin-bottom:.5rem;text-align:center}.spanish-explainer__sections{gap:1.25rem}.spanish-explainer__card{border-radius:16px;box-sizing:border-box;gap:.75rem;max-width:100%;min-width:0;padding:1.5rem;width:100%}.spanish-explainer__card-header{gap:.75rem}.spanish-explainer__toggle-icon{height:32px;width:32px}.spanish-explainer__card h3{font-size:1.25rem;line-height:1.4;margin-bottom:.625rem}.spanish-explainer__subtitle{font-size:.95rem;line-height:1.7;margin-bottom:1rem}.spanish-explainer__card-content p{font-size:.95rem;line-height:1.75;margin-bottom:1rem}.spanish-explainer__card.is-open .spanish-explainer__card-content{margin-top:1.25rem}.spanish-explainer__list li{font-size:.95rem;line-height:1.75;margin-bottom:.5rem;padding-left:1.35rem}.spanish-explainer__list li:before{font-size:1.15rem}.spanish-explainer__note{font-size:.95rem;line-height:1.75;margin:1rem 0 0;padding-top:1rem}}@media (max-width:480px){.spanish-explainer{box-sizing:border-box;padding:2rem .875rem 3rem;width:100%}.spanish-explainer__content{gap:1.75rem;padding:0;width:100%}.spanish-explainer__intro{text-align:center}.spanish-explainer__intro h1,.spanish-explainer__intro h2{font-size:1.5rem;text-align:center}.spanish-explainer__intro p{font-size:.95rem;text-align:center}.spanish-explainer__eyebrow{text-align:center}.spanish-explainer__sections{gap:1rem}.spanish-explainer__card{border-radius:14px;padding:1.25rem}.spanish-explainer__card-header{gap:.5rem}.spanish-explainer__toggle-icon{height:28px;width:28px}.spanish-explainer__card h3{font-size:1.15rem;margin-bottom:.625rem}.spanish-explainer__subtitle{font-size:.9rem;margin-bottom:1rem}.spanish-explainer__card-content p{font-size:.9rem;margin-bottom:.875rem}.spanish-explainer__card.is-open .spanish-explainer__card-content{margin-top:1rem}.spanish-explainer__list{margin:0 0 .875rem}.spanish-explainer__list li{font-size:.9rem;line-height:1.75;margin-bottom:.5rem;padding-left:1.25rem}.spanish-explainer__list li:before{font-size:1.1rem}.spanish-explainer__note{font-size:.9rem;margin:.875rem 0 0;padding-top:.875rem}}.tutor-list .language-intro{align-items:normal!important;display:block!important;flex-direction:row!important;gap:initial!important;justify-content:normal!important;padding:1rem 1.25rem 2rem!important;width:100%!important}.language-intro__content{margin:0 auto;max-width:900px;text-align:center}.language-intro__heading{color:#111f28;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.language-intro__text{color:#2d3748;font-size:1.1rem;line-height:1.7;margin:0}.language-intro__link{border-bottom:2px solid #0000;color:#5349ea;font-weight:600;text-decoration:none;transition:border-color .2s ease}.language-intro__link:hover{border-bottom-color:#5349ea}@media (max-width:768px){.tutor-list .language-intro{padding:2rem 1rem 1.5rem!important}.language-intro__heading{font-size:1.75rem;margin-bottom:.75rem}.language-intro__text{font-size:1rem;line-height:1.6}}.settings-container{margin:0 auto;max-width:800px;position:relative}.settings-title{color:#000;margin-top:220px;text-align:center}.pending-changes-notification{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f39c12;border-radius:10px;box-shadow:0 4px 12px #f39c1233;margin:20px auto;overflow:hidden}.pending-changes-content{padding:20px;text-align:center}.pending-changes-content h3{color:#d68910;font-size:1.3rem;font-weight:600;margin:0 0 10px}.pending-changes-content p{color:#8d6e63;font-size:1rem;line-height:1.4;margin:0 0 15px}.pending-changes-details{color:sienna;font-size:.9rem;font-style:italic}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.approval-required-badge{background:#5349ea;border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 6px;text-transform:uppercase}.settings{box-shadow:0 4px 20px #0003;font-family:Arial,sans-serif;margin:60px auto 50px;overflow:hidden;padding:3rem}.settings,.settings-section{background-color:#ffffffed;border-radius:10px;position:relative}.settings-section{border-bottom:1px solid #eee;box-shadow:0 4px 8px #0000001a;margin-bottom:3rem;padding:2rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{align-items:center;color:#000;display:flex;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.settings-section h2:before{background-color:#5349ea;border-radius:2px;content:"";display:inline-block;height:24px;margin-right:12px;width:4px}.settings input[type=number],.settings input[type=text],.settings select,.settings textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;font-family:Arial,sans-serif;font-size:1rem;margin-bottom:1rem;margin-top:.5rem;padding:12px;transition:all .3s ease}.settings input:focus,.settings select:focus,.settings textarea:focus{border-color:#5349ea;box-shadow:0 0 0 3px #5349ea1a;outline:none}.settings label{color:#333;display:block;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:500;margin-bottom:.4rem;transition:color .3s ease}.settings .input-group:focus-within label{color:#5349ea}.settings .checkbox-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:1rem 0}.settings .checkbox-group label{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:400;gap:.5rem;padding:8px 12px;transition:all .3s ease}.settings .checkbox-group label:hover{background-color:#5349ea0d}.settings input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #5349ea;border-radius:4px;cursor:pointer;height:16px;margin:0;position:relative;transition:all .3s ease;width:16px}.settings input[type=checkbox]:checked{background-color:#5349ea;border-color:#5349ea}.settings input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:2px;position:absolute;top:-1px}.settings-floating-actions .settings-button{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:600;justify-content:center;min-height:4rem;min-width:120px;padding:12px 25px;transition:all .2s ease;white-space:nowrap}.settings-floating-actions .settings-save-button{background-color:#5349ea;border:none;color:#fff}.settings-floating-actions .settings-save-button:hover{background-color:#272660;transform:translateY(-2px)}.settings-floating-actions .settings-cancel-button{background-color:#fff;border:1px solid #ddd;color:#333}.settings-floating-actions .settings-cancel-button:hover{background-color:#f5f5f5;border-color:#5349ea4d;color:#5349ea;transform:translateY(-2px)}.google-calendar-section{margin:2rem 0;text-align:left}@media (max-width:950px){.calendar-connected-actions{flex-direction:column;gap:.5rem}.google-calendar-button.refresh{min-width:auto}}.google-calendar-description{background-color:#5349ea08;border-radius:8px;color:#666;font-size:1.1rem;line-height:1.5;margin:1rem 0;padding:1rem}.input-group{margin-bottom:1.5rem;position:relative}.input-group:after{background-color:#5349ea;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.input-group:focus-within:after{width:100%}.settings:after{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:0 0 8px 8px;bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}.note-text{margin-top:-.5rem}.description-text{color:#666;display:block;font-size:.9rem;line-height:1.4;margin:.5rem 0 1.5rem;max-width:100%;text-align:left}@media (max-width:950px){.settings-container{margin:20px;overflow-x:hidden;padding:1rem}.settings{padding:2rem}.settings-section{overflow-x:hidden;padding:1.5rem}.settings-floating-actions{gap:.5rem;left:0;margin:0 .5rem;padding:6px 8px;transform:translateY(100px);width:calc(100% - 1rem)}.settings-floating-actions.visible{transform:translateY(-20px)}.settings-button{flex:1 1;font-size:.8rem;max-width:120px;min-width:70px;padding:6px 12px;white-space:nowrap}.settings-floating-actions .settings-button{font-size:1rem}.settings-title{font-size:2rem}.settings-section h2{font-size:1.5rem}}.language-management{background-color:#5349ea08;border:1px solid #5349ea1a;border-radius:8px;margin-top:2rem;padding:1rem}.language-management>label{color:#333;display:block;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.current-languages{align-items:center;gap:.8rem;margin-bottom:1.5rem;min-height:3rem}.language-tag{align-items:center;background-color:#5349ea;border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .8rem}.language-tag span{white-space:nowrap}.remove-language-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.remove-language-btn:hover{background-color:#fff3}.no-languages{color:#777;font-style:italic;margin:0;padding:1rem;text-align:center}.add-language-section{border-top:1px solid #5349ea33;padding-top:1rem}.add-language-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.language-select,.level-select{background-color:#fff;border:2px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;min-width:150px;padding:.8rem;transition:border-color .3s ease}.language-select:focus,.level-select:focus{border-color:#5349ea;outline:none}.add-language-btn{background-color:#5349ea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.add-language-btn:hover:not(:disabled){background-color:#272660;transform:translateY(-2px)}.add-language-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}@media (max-width:950px){.add-language-inputs{align-items:stretch;flex-direction:column}.language-select,.level-select{min-width:100%}.add-language-btn{margin-top:.5rem;width:100%}.current-languages{justify-content:center}.language-tag{font-size:.8rem;padding:.4rem .6rem}}.profile-picture-upload{display:flex;flex-direction:column;gap:1rem}.current-picture{align-self:flex-start}.profile-preview{border:3px solid #5349ea;box-shadow:0 4px 8px #0000001a;height:120px;width:120px}.upload-controls{gap:.5rem}.upload-button{align-self:flex-start;background-color:#5349ea!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;margin:0!important;padding:12px 24px!important;transition:all .3s ease!important;width:auto!important}.upload-button:hover:not(:disabled){background-color:#272660!important;transform:translateY(-2px)!important}.upload-button:disabled{background-color:#ccc!important;cursor:not-allowed!important;transform:none!important}.upload-info{color:#666;font-size:.9rem;font-style:italic}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}.error-text{color:#dc3545}.error-text,.success-text{display:block;font-size:.9rem;margin-top:.5rem}.success-text{color:#28a745}@media (max-width:950px){.profile-picture-upload{align-items:center;text-align:center}.current-picture{align-self:center}.upload-controls{align-items:center}}.settings-item{display:flex;flex-direction:column;margin-bottom:20px}.timezone-suggestion{align-items:center;background-color:#fffbe6;border:1px solid #ffe58f;border-radius:6px;color:#5d3a00;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.timezone-suggestion strong{color:#d46b08;font-weight:600}.timezone-suggestion .link-button{background:none;border:none;border-radius:4px;color:#5349ea;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;margin-left:10px;padding:4px 8px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.timezone-suggestion .link-button:hover{background-color:#fde2e2;text-decoration:underline}.timezone-label{align-items:center;display:inline-flex;gap:8px;position:relative}.timezone-warning-dot{animation:pulse-red 2s infinite;background-color:#f04f54;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #f04f54;display:inline-block;height:10px;width:10px}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}.timezone-confirmation{background-color:#fff4e6;border:2px solid #ffa940;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px}.timezone-confirmation-text{color:#ad6800;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.timezone-confirm-button{align-self:flex-start;background:linear-gradient(135deg,#5349ea,#6b5fed);border:none;border-radius:8px;box-shadow:0 4px 12px #5349ea40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;text-align:center;transition:all .3s ease;white-space:normal}.timezone-confirm-button:before{content:"✓";font-size:1.1rem;font-weight:700;margin-right:8px}.timezone-confirm-button:hover{background:linear-gradient(135deg,#272660,#3d348f);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.timezone-confirm-button:active{box-shadow:0 2px 8px #5349ea4d;transform:translateY(0)}@media (max-width:950px){.timezone-suggestion{align-items:flex-start;flex-direction:column;gap:10px;text-align:left}.timezone-suggestion .link-button{align-self:flex-start;font-size:.85rem;margin-left:0;padding:6px 12px}.timezone-confirm-button{text-align:center;width:100%}}.input-group{margin-bottom:20px}.teaching-language-pills{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.teaching-language-pills label{cursor:pointer;display:block;position:relative}.teaching-language-pills input[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.teaching-language-pills .checkbox-label-text{background-color:#f9f9f9;border:1px solid #ddd;border-radius:20px;color:#333;display:block;font-weight:500;padding:10px 15px;text-align:center;transition:all .2s ease-in-out}.teaching-language-pills input[type=checkbox]:hover+.checkbox-label-text{border-color:#5349ea;color:#5349ea}.teaching-language-pills input[type=checkbox]:checked+.checkbox-label-text{background-color:#5349ea;border-color:#5349ea;color:#fff;font-weight:600}@keyframes settings-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.settings-container-skeleton{margin:0 auto;max-width:800px;padding:2rem}.settings-container-skeleton [class*=settings-skeleton-]{animation:settings-shimmer 1.5s linear infinite;background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5 40px,#e0e0e0 80px);background-size:200% 100%;border-radius:4px}.settings-skeleton-title{border-radius:8px;height:2rem;margin:220px auto 2rem;width:70%}.settings-skeleton{display:flex;flex-direction:column;gap:2rem}.settings-section-skeleton{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 10px #0000000d;padding:2rem}.settings-skeleton-section-title{border-radius:6px;height:1.8rem;margin-bottom:1.5rem;width:40%}.settings-skeleton-description{height:1rem;margin-bottom:1.5rem;width:90%}.settings-input-group-skeleton{margin-bottom:1.5rem}.settings-skeleton-label{height:1rem;margin-bottom:.5rem;width:30%}.settings-skeleton-input,.settings-skeleton-select{height:2.5rem;width:100%}.settings-skeleton-textarea{height:6rem;width:100%}.settings-timezone-suggestion-skeleton{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.settings-skeleton-timezone-text{height:1rem;width:200px}.settings-skeleton-link-button{height:1.5rem;width:100px}.settings-calendar-buttons-skeleton{margin-top:1rem}.settings-skeleton-google-calendar-button{border-radius:8px;height:3rem;width:220px}.settings-profile-picture-upload-skeleton{align-items:center;display:flex;gap:1.5rem}.settings-skeleton-profile-picture{border-radius:50%;height:120px;width:120px}.settings-upload-controls-skeleton{flex:1 1}.settings-skeleton-upload-button{height:2.5rem;margin-bottom:.5rem;width:150px}.settings-skeleton-upload-info{height:.8rem;width:250px}.settings-skeleton-url-validation{height:1rem;margin-top:.5rem;width:180px}.settings-checkbox-group-skeleton{margin-bottom:2rem}.settings-checkbox-row-skeleton{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.settings-skeleton-checkbox-item{align-items:center;display:flex;gap:.5rem}.settings-skeleton-checkbox{height:1rem;width:1rem}.settings-skeleton-checkbox-label{height:1rem;width:40px}.settings-language-management-skeleton{margin-bottom:2rem}.settings-current-languages-skeleton{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.settings-skeleton-language-tag{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem}.settings-skeleton-language-text{height:1rem;width:80px}.settings-skeleton-remove-button{border-radius:50%;height:1.2rem;width:1.2rem}.settings-add-language-section-skeleton{margin-top:1rem}.settings-add-language-inputs-skeleton{align-items:center;display:flex;gap:1rem}.settings-skeleton-language-select{height:2.5rem;width:150px}.settings-skeleton-add-button,.settings-skeleton-level-select{height:2.5rem;width:120px}.settings-teaching-language-pills-skeleton{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.settings-skeleton-note{height:.8rem;margin-top:.5rem;width:60%}@media (max-width:768px){.settings-container-skeleton{padding:1rem}.settings-profile-picture-upload-skeleton{align-items:flex-start;flex-direction:column}.settings-checkbox-row-skeleton{flex-direction:column;gap:.5rem}.settings-add-language-inputs-skeleton{align-items:stretch;flex-direction:column}.settings-skeleton-add-button,.settings-skeleton-language-select,.settings-skeleton-level-select{width:100%}.settings-timezone-suggestion-skeleton{align-items:flex-start;flex-direction:column;gap:.5rem}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.image-cropper-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-cropper-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:auto;padding:2rem}.image-cropper-content h3{color:#333;font-size:1.5rem;margin:0 0 1rem;text-align:center}.image-cropper-container{display:flex;justify-content:center;margin:1rem 0;max-height:60vh;overflow:auto}.crop-image{border-radius:8px;max-height:500px;max-width:100%}.image-cropper-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.crop-cancel-button,.crop-save-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.crop-cancel-button{background-color:#6c757d;color:#fff}.crop-cancel-button:hover{background-color:#5a6268;transform:translateY(-2px)}.crop-save-button{background-color:#f04f54;color:#fff}.crop-save-button:hover:not(:disabled){background-color:#d5454a;transform:translateY(-2px)}.crop-save-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.image-cropper-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;padding:2rem}.ReactCrop{border-radius:8px}.ReactCrop__crop-selection{border:2px solid #f04f54;border-radius:50%}.ReactCrop__drag-handle{background-color:#f04f54;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003}@media (max-width:768px){.image-cropper-content{margin:1rem;padding:1rem}.image-cropper-actions{flex-direction:column}.crop-cancel-button,.crop-save-button{width:100%}}.privacy-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:175px auto 100px;max-width:900px;padding:2.5rem 3rem}.privacy-container,.privacy-title{color:#333;font-family:Arial,sans-serif}.privacy-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;text-align:center}.privacy-effective-date{color:#666;font-size:1rem;font-weight:600;margin-bottom:2rem;text-align:center}.privacy-subtitle{color:#333;font-size:1.4rem;font-weight:600;margin:2rem 0 1rem}.privacy-subtitle,.privacy-text{font-family:Arial,sans-serif;text-align:left}.privacy-text{color:#555;font-size:1rem;line-height:1.6;margin:.5rem 0 1.2rem}.privacy-list{color:#555;font-family:Arial,sans-serif;list-style-type:disc;margin-bottom:1.5rem;padding-left:1.5rem}.privacy-list-item{font-size:1rem;line-height:1.6;margin:.5rem 0}.privacy-list-item strong,.privacy-text strong{color:#f04f54;font-weight:600}.privacy-container a{color:#f04f54;text-decoration:underline;transition:color .2s}.privacy-container a:hover{color:#c73a3f}@media only screen and (max-width:700px){.privacy-container{margin:120px 1rem 50px;padding:1.5rem}.privacy-title{font-size:2rem}.privacy-subtitle{font-size:1.2rem}.privacy-list-item,.privacy-text{font-size:.95rem}}body.dark-mode .privacy-container{background-color:#222;box-shadow:none;color:#eaeaea}body.dark-mode .privacy-subtitle,body.dark-mode .privacy-title{color:#eaeaea}body.dark-mode .privacy-effective-date,body.dark-mode .privacy-list-item,body.dark-mode .privacy-text{color:#ccc}.terms-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:175px auto 100px;max-width:950px;padding:2.5rem 3rem}.terms-container,.terms-title{color:#333;font-family:Arial,sans-serif}.terms-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;text-align:center}.terms-effective-date{color:#666;font-size:1rem;font-weight:600;margin-bottom:2rem;text-align:center}.terms-subtitle{color:#333;font-family:Arial,sans-serif;font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;text-align:left}.terms-subtitle h3{color:#444;font-size:1.2rem;margin:1.5rem 0 .8rem}.terms-text{font-size:1rem;line-height:1.6;margin:.5rem 0 1.2rem;text-align:left}.terms-list,.terms-text{color:#555;font-family:Arial,sans-serif}.terms-list{list-style-type:disc;margin-bottom:1.5rem;padding-left:1.5rem}.terms-list-item{font-size:1rem;line-height:1.6;margin:.5rem 0}.terms-list-item strong,.terms-text strong{color:#f04f54;font-weight:600}.terms-container a{color:#f04f54;text-decoration:underline;transition:color .2s}.terms-container a:hover{color:#c73a3f}.terms-footer-text{background:linear-gradient(135deg,#cdcaff1a,#eceaff1a);border-left:4px solid #f04f54;border-radius:8px;color:#333;font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.6;margin:2rem 0 1rem;padding:1.5rem;text-align:center}.terms-subtitle:contains("Indemnification"),.terms-subtitle:contains("Limitation of Liability"){color:#f04f54;font-weight:700}@media only screen and (max-width:700px){.terms-container{margin:120px 1rem 50px;padding:1.5rem}.terms-title{font-size:2rem}.terms-subtitle{font-size:1.2rem}.terms-list-item,.terms-text{font-size:.95rem}.terms-footer-text{font-size:1rem;padding:1rem}}body.dark-mode .terms-container{background-color:#222;box-shadow:none;color:#eaeaea}body.dark-mode .terms-subtitle,body.dark-mode .terms-title{color:#eaeaea}body.dark-mode .terms-effective-date,body.dark-mode .terms-list-item,body.dark-mode .terms-text{color:#ccc}body.dark-mode .terms-footer-text{background:linear-gradient(135deg,#27266033,#5349ea33);color:#eaeaea}@keyframes animated-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.membership-container{align-items:center;animation:fadeInUp .6s ease-out forwards;background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:center;margin-top:80px;min-height:100vh;opacity:0;padding:2rem}.title-subtitle{margin-bottom:2rem;text-align:center}.membership-header{color:#333;font-size:2.5rem;font-weight:700}.membership-description{color:#555;font-size:1.2rem}.membership-options-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.membership-box{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-evenly}.membership-button{align-items:center;background-color:#fff;border:0 solid #f04f54;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:2rem;text-align:center;transition:box-shadow .3s ease,transform .2s ease;width:250px}.membership-button:hover{background-color:#fff;box-shadow:0 8px 20px #0003;color:#fff;transform:scale(1.05)}.membership-button h2{color:#333;font-size:1.6rem;margin-bottom:1rem}.membership-option-icon{height:50px;margin-bottom:1rem;width:50px}.membership-option-header{margin:10px}.membership-price{margin:.5rem 0}.membership-price h3{color:#000;font-size:1.5rem;margin:0}.membership-button.selected .membership-price h3{color:#fff;text-shadow:0 1px 3px #000c}.membership-option-description{align-items:center;color:#777;display:flex;flex-grow:1;font-size:1rem;justify-content:center;line-height:1.5;text-align:center}.membership-button.selected{background-color:#fff;border:none;position:relative;z-index:1}.membership-button.selected:before{animation:animated-border 4s ease infinite;background:linear-gradient(270deg,#272660,#5349ea 17.5%,#cdcaff 32.8%,#f04f54 42.7%,#f6e43a 54.2%,#eceaff 64.8%,#95f5f1 75.5%,#33c2a4);background-size:300% 300%;border-radius:12px;bottom:-4px;content:"";filter:saturate(1.5);left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.membership-button.selected .membership-option-description{color:#fff;text-shadow:0 1px 3px #000c}.membership-confirm-button{background-color:#33c2a4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:2rem;padding:1rem 2rem;transition:background-color .3s ease}.membership-confirm-button:hover{background-color:#30b397}.membership-divider{text-align:center;width:100%}@media (max-width:900px){.membership-box{align-items:center;flex-direction:column}.membership-button{width:90%}.membership-confirm-button{width:100%}}.membership-button.most-popular{background:linear-gradient(135deg,#fff,#fffef7);border:3px solid gold;box-shadow:0 8px 25px #ffd7004d;position:relative;transform:scale(1.02)}.membership-button.most-popular:hover{box-shadow:0 12px 30px #ffd70066;transform:scale(1.05)}.best-value-badge{animation:pulse-badge 2s infinite;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:20px;box-shadow:0 4px 15px #ff6b6b66;font-size:12px;padding:8px 12px;right:-10px;top:-10px}.price-container{align-items:center;display:flex;flex-direction:column;gap:5px}.original-price{align-items:center;display:flex;gap:8px;margin-bottom:5px}.crossed-out{font-size:16px}.discount-badge{background:#ff4757;font-size:12px;padding:2px 8px}.final-price{color:#2ecc71;font-weight:700;margin:0}@keyframes rotate-glow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 25px #00000026,0 0 0 0 #33c2a400}50%{box-shadow:0 8px 25px #00000026,0 0 0 10px #33c2a41a}}.credit-price-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.per-credit-price{color:#33c2a4;font-size:2.2rem;font-weight:700;margin:0;text-shadow:0 1px 3px #33c2a44d}.per-credit-label{color:#555;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.monthly-total{color:#666;font-size:1.1rem;font-weight:500;margin:0}.total-price-comparison{align-items:center;display:flex;flex-direction:column;gap:.3rem}.original-total-price{color:#999;font-size:.95rem;font-weight:400;opacity:.8;text-decoration:line-through}.monthly-savings{margin:0;text-shadow:0 1px 2px #28a74533}.membership-button.selected .individual-credit-price{background-color:#ffffff1a;border-color:#ffffff4d}.membership-button.selected .per-credit-label,.membership-button.selected .per-credit-price{color:#fff;text-shadow:0 1px 3px #000c}.membership-button.selected .monthly-total{color:#ffffffe6;text-shadow:0 1px 3px #000c}.membership-button.selected .original-credit-price .crossed-out{color:#ffffffb3}.membership-button.selected .original-total-price{color:#fff9;text-shadow:0 1px 2px #00000080}.membership-button.selected .monthly-savings{color:#fff;text-shadow:0 1px 3px #000000b3}@media (max-width:900px){.scroll-indicator{display:none}.scroll-indicator.sticky{bottom:10px;display:flex;padding:10px 15px;right:10px}}@keyframes pulse{0%,to{background-color:#f0f0f0}50%{background-color:#e0e0e0}}.membership-skeleton{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:center;margin-top:80px;min-height:100vh;padding:2rem}.membership-skeleton .title-subtitle{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:center}.skeleton-header{border-radius:8px;height:40px;width:500px}.skeleton-description,.skeleton-header{animation:pulse 1.5s ease-in-out infinite}.skeleton-description{border-radius:4px;height:20px;width:350px}.membership-skeleton .membership-options-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.membership-skeleton .membership-box{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-evenly}.membership-button-skeleton{align-items:center;background-color:#fff;border:0 solid #f04f54;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:1rem;height:600px;justify-content:space-between;padding:2rem;text-align:center;width:250px}.skeleton-credits-title{border-radius:6px;height:32px;width:140px}.skeleton-credits-title,.skeleton-icon{animation:pulse 1.5s ease-in-out infinite}.skeleton-icon{border-radius:8px;height:50px;width:50px}.skeleton-classes-week{height:26px;width:160px}.skeleton-classes-week,.skeleton-price{animation:pulse 1.5s ease-in-out infinite;border-radius:6px}.skeleton-price{height:30px;width:120px}.skeleton-description-lines{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:8px;justify-content:center;width:100%}.skeleton-line{animation:pulse 1.5s ease-in-out infinite;height:16px;width:100%}.skeleton-line.short{width:70%}.membership-skeleton .membership-divider{margin-top:2rem;text-align:center;width:100%}.skeleton-confirm-button{animation:pulse 1.5s ease-in-out infinite;border-radius:5px;height:50px;margin:0 auto;width:200px}@media (max-width:900px){.skeleton-header{height:32px;width:300px}.skeleton-description{height:18px;width:250px}.membership-skeleton .membership-box{align-items:center;flex-direction:column}.membership-button-skeleton{width:280px}.skeleton-confirm-button{width:250px}}.tutor-profile-page{background-color:#efefef;font-family:Arial,sans-serif;margin-top:175px;padding:2rem 18%}.tutor-profile-container{align-items:flex-start;display:flex;gap:2rem;min-height:800px;position:relative}.tutor-profile-left{flex:2 1}.tutor-profile-right{align-self:flex-start;flex:1 1;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:100px}.tutor-profile-sticky{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;padding:20px;text-align:center;width:100%}.tutor-profile-sticky p{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.tutor-profile-book-button{background-color:#f04f54;background:linear-gradient(135deg,#5349ea,#f04f54);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:1rem;padding:10px 20px;transition:background-color .3s ease}.tutor-profile-book-button:hover{background-color:#c73a3f;background:linear-gradient(135deg,#f04f54,#5349ea)}.tutor-profile-book-button.book-trial-button{background:linear-gradient(135deg,#5349ea,#f04f54);border:none;box-shadow:0 4px 12px #5349ea4d;transition:all .3s ease,transform .2s}.tutor-profile-book-button.book-trial-button:hover{background:linear-gradient(135deg,#f04f54,#5349ea);box-shadow:0 6px 16px #f04f5466;transform:translateY(-2px)}.tutor-profile-book-button.book-discounted-trial-button{background:linear-gradient(135deg,#f6e43a,#33c2a4);border:none;box-shadow:0 4px 12px #f6e43a4d;color:#272660;font-weight:600;transition:all .3s ease,transform .2s}.tutor-profile-book-button.book-discounted-trial-button:hover{background:linear-gradient(135deg,#33c2a4,#f6e43a);box-shadow:0 6px 16px #33c2a466;transform:translateY(-2px)}.tutor-profile-book-button.book-paid-button{background:linear-gradient(135deg,#272660,#5349ea);border:none;box-shadow:0 4px 12px #2726604d;color:#fff;transition:all .3s ease,transform .2s}.tutor-profile-book-button.book-paid-button:hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.tutor-profile-header{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;gap:20px;padding:20px}.tutor-profile-pic img{border:3px solid #000;border-radius:50%;box-shadow:0 4px 8px #0003;height:160px;object-fit:cover;width:160px}.tutor-profile-details{display:flex;flex-direction:column;gap:10px}.tutor-profile-details p{text-align:left}.tutor-profile-details h2{color:#333;font-size:2rem;font-weight:700;margin:0}.tutor-profile-details .tutor-profile-meta{color:#666;display:flex;flex-wrap:wrap;font-size:1rem;gap:15px}.tutor-profile-details .tutor-profile-meta p{margin:0}.tutor-profile-details .tutor-profile-teaching h3{color:#f04f54;font-size:1.3rem;margin-bottom:10px}.tutor-profile-details .tutor-profile-teaching p{color:#555;font-size:1rem;margin:5px 0}.tutor-profile-availability-section,.tutor-profile-description-section,.tutor-profile-details-section,.tutor-profile-reviews-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;line-height:2;margin-bottom:2rem;padding:20px}.tutor-profile-availability-section p,.tutor-profile-description-section p,.tutor-profile-details-section p,.tutor-profile-reviews-section p{line-height:1.5;text-align:justify}.tutor-profile-availability-section h3,.tutor-profile-description-section h3,.tutor-profile-details-section h3,.tutor-profile-reviews-section h3{color:#000;font-size:1.5rem;margin-bottom:1rem}.tutor-profile-reviews-section ul{list-style:none;padding:0}.tutor-profile-reviews-section li{background-color:#efefef99;border-radius:5px;margin-bottom:10px;padding:10px}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:14px}.reviews-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.review-avatar-container{align-items:center;display:flex;gap:10px}.review-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.review-name{color:#111827;font-weight:700}.review-date{color:#6b7280;font-size:.9rem}.review-rating-row{margin:6px 0 8px}.review-text p{color:#374151;margin:0}.review-show-more{all:unset;background:none;border:none;color:#000;cursor:pointer;padding-left:5px;text-decoration:underline}.review-show-more:hover{all:unset;color:#f04f54;cursor:pointer;padding-left:5px;text-decoration:underline}.reviews-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px 0}.pagination-button{background:linear-gradient(135deg,#5349ea,#272660);border:none;border-radius:8px;box-shadow:0 2px 8px #5349ea4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#6257f5,#3d3880);box-shadow:0 4px 12px #5349ea66;transform:translateY(-2px)}.pagination-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.6}.pagination-info{color:#374151;font-size:.95rem;font-weight:600}.fade-cycle{margin-top:8px;min-height:110px;position:relative}.fade-item{animation:fadeSwap 6s ease-in-out infinite}@keyframes fadeSwap{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.tp-rating-inline{align-items:center;display:inline-flex;gap:8px;justify-content:center}.tp-rating-star{display:inline-block;flex-shrink:0;width:30px}.tp-rating-number{font-weight:700}.tp-rating-count{color:#555;font-weight:500}.tutor-profile-page,.tutor-profile-page h2,.tutor-profile-page h3,.tutor-profile-page li,.tutor-profile-page p{color:#222}.tutor-profile-description-section p,.tutor-profile-details .tutor-profile-meta p,.tutor-profile-reviews-section li,.tutor-profile-reviews-section p{line-height:1.6}.tutor-profile-video{margin-bottom:20px;padding-bottom:56.25%;position:relative;width:100%}.tutor-profile-video iframe{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.gray-placeholder{align-items:center;background-color:#d3d3d3;border-radius:8px;display:flex;justify-content:center}.tutor-profile-pic.gray-placeholder{border:3px solid #ccc;border-radius:50%;box-shadow:0 4px 8px #0003;height:160px;width:160px}.video-placeholder.gray-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.mobile-only{display:none}.availability-calendar{margin:0;padding:0}.availability-no-data{background-color:#efefef4d;border-radius:10px;margin:1rem 0;padding:2rem;text-align:center}.availability-no-data p{color:#666;margin:.5rem 0}.calendar-table{background-color:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.calendar-table th{background-color:#f8f9fa;border:1px solid #e0e0e0;color:#333;font-size:.9rem;font-weight:600;padding:12px 8px;text-align:center}.calendar-table th.time-header{background-color:#f8f9fa;font-size:.8rem;width:80px}.calendar-table th .day-name{display:block;font-size:.9rem;font-weight:600}.calendar-table th .day-date{color:#666;display:block;font-size:.75rem;font-weight:400;margin-top:2px}.calendar-table td{border:1px solid #e0e0e0;height:48px;text-align:center;vertical-align:middle}.calendar-table td.time-slot{background-color:#f8f9fa;color:#333;font-size:.85rem;font-weight:500;width:80px}.calendar-table td.availability-slot{background-color:#fff;transition:all .2s ease}.calendar-table td.availability-slot.available{background-color:#8bc34a}.timezone-footer{background-color:#f8f9fa;border-radius:6px;color:#666;font-size:.85rem;margin-top:1rem;padding:.75rem;text-align:center}.special-dates{background-color:#5349ea0d;border-left:4px solid #5349ea;border-radius:8px;margin-top:2rem;padding:1.25rem}.special-dates h4{color:#5349ea;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.special-dates p{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.calendar-table td,.calendar-table th{font-size:.8rem;padding:8px 4px}.calendar-table td.time-slot,.calendar-table th.time-header{font-size:.75rem;width:60px}.calendar-table th .day-name{font-size:.8rem}.calendar-table th .day-date{font-size:.7rem}.calendar-table td{height:40px}.timezone-footer{font-size:.8rem;padding:.5rem}.tutor-profile-page{padding:1rem}.tutor-profile-container{flex-direction:column}.tutor-profile-header{flex-direction:column;text-align:center}.tutor-profile-right{display:none;max-height:none;overflow-y:visible;position:static}.tutor-profile-sticky{padding:10px;position:static}.tutor-profile-details h2{font-size:1.8rem}.mobile-only{display:block}.tutor-profile-book-button{width:100%}}.support-widget{bottom:20px;position:fixed;right:20px;z-index:1000}.support-toggle-button{background-color:#5349ea;border:none;border-radius:50px;box-shadow:0 4px 15px #5349ea66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease}.support-toggle-button:hover{box-shadow:0 6px 20px #5349ea80;transform:translateY(-2px)}.support-form-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;bottom:calc(100% + 10px);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-height:70vh;overflow:hidden;padding:0;position:absolute;right:0;width:370px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-tabs{background-color:#f7f7f7;border-bottom:1px solid #e0e0e0;display:flex;padding:8px}.support-tab{align-items:center;background-color:initial;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 10px;transition:all .2s ease-in-out}.support-tab:hover{background-color:#edebeb}.support-tab.active{background-color:#fff;box-shadow:0 2px 4px #0000000d;color:#5349ea}.tab-icon{height:20px;width:20px}.faq-section{flex-grow:1;overflow-y:auto;padding:20px}.contact-title,.faq-title{color:#333;font-size:20px;font-weight:700;margin:0 0 20px;text-align:center}.faq-search-container{margin-bottom:20px;position:relative}.faq-search-input{border-radius:10px;box-sizing:border-box;padding:12px 15px 12px 40px;transition:border-color .2s}.faq-search-input:focus{border-color:#5349ea;box-shadow:0 0 0 3px #5349ea1a}.faq-search-icon{color:#999;height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.faq-list{list-style:none;margin:0;padding:0}.faq-item{border-bottom:1px solid #eee}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:15px 5px;text-align:left;transition:background-color .2s ease;width:100%}.faq-question:hover{background-color:#f7f7f7}.support-form-container .faq-icon{color:#888;flex-shrink:0;height:16px;transform:rotate(0deg);transition:transform .2s ease;width:16px}.support-form-container .faq-icon.open{transform:rotate(180deg)}.support-form-container .faq-answer{animation:fadeIn .3s ease;color:#555;font-size:14px;line-height:1.6;padding:0 10px 15px;text-align:left}.support-form-container .faq-answer-content{color:#555;line-height:1.6;margin-bottom:10px;text-align:left}.support-form-container .faq-answer-content .faq-paragraph{margin:0 0 12px;text-align:left}.support-form-container .faq-answer-content .faq-paragraph:last-child{margin-bottom:0}.support-form-container .faq-expand-btn{background:none;border:none;color:#5349ea;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:8px;padding:8px 0 0;text-align:left;text-decoration:underline;transition:color .2s ease;width:100%}.support-form-container .faq-expand-btn:hover{color:#3a2fb8;text-decoration:underline}.support-form-container .faq-answer .faq-link{color:#5349ea;font-weight:500;text-decoration:none}.support-form-container .faq-answer .faq-link:hover{text-decoration:underline}.faq-no-results{color:#777;padding:20px;text-align:center}.contact-section{flex-grow:1;overflow-y:auto;padding:20px}.support-form{display:flex;flex-direction:column}.support-form input,.support-form textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;transition:border-color .2s;width:100%}.support-form input:focus,.support-form textarea:focus{border-color:#5349ea;box-shadow:0 0 0 3px #5349ea1a;outline:none}.support-form textarea{min-height:100px;resize:vertical}.submit-message-btn{background-color:#5349ea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .2s;width:100%}.submit-message-btn:hover{background-color:#453dc5}@media (max-width:768px){.support-widget{bottom:20px;right:20px}.support-form-container{left:auto;max-width:350px;right:50%;transform:translateX(50%);width:calc(100vw - 40px)}}@media (max-width:480px){.support-widget{bottom:15px;right:15px}.support-form-container{bottom:calc(100% + 15px);left:auto;max-width:320px;right:175%;transform:translateX(50%);width:calc(100vw - 30px)}}:root{--primary-accent:#5349ea;--secondary-accent:#33c2a4;--primary-blue:#272660;--secondary-blue:#5349ea;--light-purple:#cdcaff;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--text-color:#212529;--card-shadow:0 4px 20px #0003;--card-radius:10px}.availability-container{color:#000;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:220px 5% 2rem}.availability-title{color:#000;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.availability-subtitle{color:#6c757d;color:var(--dark-gray);font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;text-align:center}.availability-settings{display:flex;flex-direction:column;gap:2.5rem}.settings-card{background-color:#ffffffed;border:1px solid #e9ecef;border:1px solid var(--medium-gray);border-radius:10px;border-radius:var(--card-radius);box-shadow:0 4px 20px #0003;box-shadow:var(--card-shadow);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.settings-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-5px)}.settings-card:after{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:0 0 10px 10px;bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}.settings-card h2{align-items:center;color:#000;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:.5rem}.settings-card h2:before{background:linear-gradient(135deg,#272660,#5349ea);border-radius:3px;content:"";display:block;height:25px;width:5px}.notes{color:#6c757d;color:var(--dark-gray);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;margin-top:0;text-align:left}.note-text{background-color:#5349ea0d;border-left:3px solid #5349ea4d;border-radius:6px;color:#666;display:block;font-size:.9rem;line-height:1.4;margin-bottom:1rem;margin-top:.5rem;padding:.75rem}label{display:block;font-weight:500;margin-bottom:.5rem}input[type=date],input[type=time],select{background-color:#f8f9fa;background-color:var(--light-gray);border:1px solid #ced4da;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:90%}input:focus,select:focus{background-color:#fff;border-color:#5349ea;box-shadow:0 0 0 3px #5349ea1a;outline:none}.general-hours{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.usual-time-off{background:linear-gradient(135deg,#ffffffe6,#cdcaff4d);border:1px solid #cdcaff;border-radius:10px;box-shadow:0 2px 8px #cdcaff33;margin-bottom:1rem;padding:1.5rem}.time-off-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;position:relative}.day-selector{flex:1 1 200px}.full-day-toggle{flex-shrink:0;position:relative;top:30px}.remove-time-off-button{align-items:center;background:linear-gradient(135deg,#ffffffe6,#5349ea1a);border:1px solid #5349ea4d;border-radius:6px;bottom:80px;color:#5349ea;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:.5rem;position:absolute;right:-10px;transition:all .2s ease;width:32px}.remove-time-off-button:hover{background:linear-gradient(135deg,#5349ea1a,#5349ea33);border:1px solid #5349ea80;box-shadow:0 2px 8px #5349ea33;color:#272660;transform:translateY(-2px)}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #5349ea;border-radius:4px;cursor:pointer;height:16px;margin:0;position:relative;transition:all .3s ease;width:16px}.checkbox-label input[type=checkbox]:checked{background-color:#5349ea;border-color:#5349ea}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:2px;position:absolute;top:-1px}.time-ranges{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;padding:1rem}.time-ranges-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.time-ranges-header label{color:#333;font-weight:600}.time-range{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem}.time-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;padding:.5rem}.time-range-separator{color:#666;font-weight:700}.free-day{background:linear-gradient(135deg,#ffffffe6,#95f5f11a);border:1px solid #95f5f1;border-radius:8px;box-shadow:0 2px 8px #95f5f133;color:#272660;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.button-base{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-range-button,.add-time-off-button{background:linear-gradient(135deg,#272660,#5349ea);box-shadow:0 4px 12px #2726604d;color:#fff}.add-range-button:hover,.add-time-off-button:hover{background:linear-gradient(135deg,#5349ea,#272660);box-shadow:0 6px 16px #5349ea66;transform:translateY(-2px)}.add-range-button{justify-content:center;margin-top:.5rem;width:100%}.add-range-button:hover{background:linear-gradient(135deg,#5349ea,#272660)}.remove-free-day-button,.remove-range-button{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f04f541a);border:1px solid #f04f544d;border-radius:6px;color:#f04f54;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.remove-free-day-button:hover,.remove-range-button:hover{background:linear-gradient(135deg,#f04f541a,#f04f5433);border:1px solid #f04f5480;box-shadow:0 2px 8px #f04f5433;color:#c73a3f;transform:translateY(-2px)}.google-calendar-button{align-items:center;background-color:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;color:#444!important;display:inline-flex!important;font-family:Arial,sans-serif;font-size:1.1rem!important;font-weight:500!important;gap:12px;justify-content:flex-start;margin:1rem 0!important;padding:12px 24px!important;position:relative;transition:all .3s ease!important;width:auto!important}.google-calendar-button:hover{background-color:#f8f8f8!important;border-color:#5349ea!important;box-shadow:0 4px 8px #0000001a!important;color:#5349ea!important;transform:translateY(-2px)!important}.google-calendar-button img{height:18px;transition:transform .3s ease;width:18px}.google-calendar-button:hover img{transform:scale(1.1)}.calendar-buttons{display:flex;flex-direction:column;gap:1rem}.calendar-connected-actions{align-items:center;display:flex;gap:.5rem}.google-calendar-button.refresh{flex:1 1;min-width:200px}.google-calendar-button.disconnect{align-items:center;background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;justify-content:center;min-height:56px;padding:12px 20px;transition:all .3s ease}.google-calendar-button.disconnect:hover{background-color:#c82333;transform:translateY(-2px)}.calendar-selection{margin-top:1rem}.calendar-selection h3{color:#444;font-size:1.1rem;margin-bottom:1rem}.calendar-list{background-color:#5349ea08;border-radius:8px;display:flex;flex-direction:column;gap:.8rem;max-height:300px;overflow-y:auto;padding:1rem}.calendar-item{align-items:center;border-radius:4px;display:flex;padding:.5rem;transition:background-color .2s ease}.calendar-item:hover{background-color:#5349ea0d}.calendar-item input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #ddd;border-radius:3px;cursor:pointer;height:18px;margin-right:12px;position:relative;transition:all .2s ease;width:18px}.calendar-item input[type=checkbox]:checked{background-color:#5349ea;border-color:#5349ea}.calendar-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:2px;position:absolute;top:-1px}.calendar-item label{color:#444;cursor:pointer;flex:1 1;font-size:1rem;-webkit-user-select:none;user-select:none}.calendar-item label:hover{color:#5349ea}.calendar-list::-webkit-scrollbar{width:8px}.calendar-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.calendar-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.calendar-list::-webkit-scrollbar-thumb:hover{background:#5349ea}.google-calendars-list div{background-color:#f8f9fa;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.settings-floating-actions{background:#fff;border-radius:10px;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:12px;justify-content:center;left:50%;padding:12px;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .3s cubic-bezier(.4,0,.2,1);width:800px;z-index:10000}.settings-floating-actions.visible{transform:translateX(-50%) translateY(-30%)}.settings-button{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:600;justify-content:center;min-height:4rem;min-width:120px;padding:12px 25px;transition:all .2s ease;white-space:nowrap}.settings-save-button{background-color:#5349ea;border:none;color:#fff}.settings-save-button:hover{background-color:#272660;transform:translateY(-2px)}.settings-cancel-button{background-color:#fff;border:1px solid #ddd;color:#333}.settings-cancel-button:hover{background-color:#f5f5f5;border-color:#5349ea4d;color:#5349ea;transform:translateY(-2px)}.profile-warning{background-color:#ffc1071a!important;border:2px solid #ffc107!important;border-radius:10px!important}.profile-warning h2{color:#856404!important}.warning-message{color:#856404;font-size:1rem;font-weight:500;margin-bottom:1rem}.missing-fields{color:#856404}.missing-fields strong{font-weight:600}.missing-fields ul{margin:.5rem 0 0 1rem;padding:0}.missing-fields li{margin-bottom:.3rem}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#5349ea;display:inline-block;height:20px;width:20px}.loading-spinner:before{animation:spin 1s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#5349ea;content:"";height:0;left:50%;position:absolute;top:50%;width:0}@media (max-width:768px){.availability-container{padding:180px 1rem 2rem}.availability-title{font-size:1.5rem}.settings-card{padding:1.5rem}.free-day{font-size:.9rem;padding:.75rem}.settings-floating-actions{gap:.5rem;left:0;margin:0 .5rem;padding:6px 8px;transform:translateY(100px);width:calc(100% - 1rem)}.settings-floating-actions.visible{transform:translateY(-20px)}.settings-button{flex:1 1;font-size:.8rem;max-width:120px;min-width:70px;padding:6px 12px;white-space:nowrap}.remove-time-off-button{font-size:14px;height:28px;width:28px}.add-range-button{font-size:.9rem;padding:.5rem}.button-base{font-size:.9rem;padding:.5rem 1rem}.time-ranges-header{align-items:flex-start;flex-direction:column;gap:.5rem}.time-ranges-header label{font-size:.9rem}.usual-time-off{padding:1rem}.time-off-header{flex-direction:column;gap:.5rem}.day-selector,.full-day-toggle{flex:1 1;min-width:100%}.time-range{flex-direction:column;gap:.5rem}.time-select{width:100%}.calendar-connected-actions{flex-direction:column;gap:.5rem}.google-calendar-button.refresh{min-width:auto}}.calendar-preview{gap:.75rem}.calendar-preview,.preview-header{display:flex;flex-direction:column}.preview-header{gap:.25rem}.preview-title{color:#272660;font-size:1.1rem;margin:0}.preview-subtitle{color:#6c757d;font-size:.85rem}.preview-week-nav{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr}.preview-legend{align-items:center;display:flex;gap:12px;margin-top:4px}.legend-item{color:#444;display:inline-flex;font-size:.85rem;gap:6px}.legend-dot{border-radius:4px;display:inline-block;height:10px;width:10px}.legend-dot.available{background:#33c2a4b3}.legend-dot.blocked{background:#f04f54a6}.preview-week-range{color:#272660;font-weight:600;text-align:center}.preview-nav-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#272660;cursor:pointer;font-size:.85rem;justify-self:start;padding:6px 10px}.preview-nav-btn.disabled{opacity:.5;pointer-events:none}.preview-nav-btn:last-child{justify-self:end}.preview-grid{grid-gap:6px;background:linear-gradient(135deg,#ffffffe6,#cdcaff26);border:1px solid #e9ecef;border-radius:10px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);padding:8px}.preview-day-column{display:flex;flex-direction:column;gap:4px}.preview-day-name{color:#333;font-size:.8rem;font-weight:600;text-align:center}.preview-slots{grid-gap:6px;display:grid;gap:6px;grid-template-rows:repeat(18,minmax(22px,1fr))}.preview-time-slot{align-items:center;border-radius:4px;color:#0c3b2d;display:flex;font-size:.7rem;font-weight:600;height:22px;justify-content:center;width:100%}.preview-time-slot.available{background:#33c2a499}.preview-time-slot.blocked{background:#f04f548c}.preview-time-slot.unavailable{background:#e9ecefcc}.legend-dot.blocked,.preview-time-slot.blocked{color:#4a0f12}.slot-label{padding:0 4px}.preview-loading{align-items:center;color:#6c757d;display:flex;gap:8px}.preview-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#5349ea;height:16px;width:16px}.preview-empty{color:#6c757d;font-size:.9rem}@keyframes availability-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.availability-container-skeleton{margin:0 auto;max-width:800px;padding:2rem}.availability-container-skeleton [class*=availability-skeleton-]{animation:availability-shimmer 1.5s linear infinite;background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5 40px,#e0e0e0 80px);background-size:200% 100%;border-radius:4px}.availability-skeleton-title{border-radius:8px;height:2rem;margin:220px auto 2rem;width:60%}.availability-settings-skeleton{display:flex;flex-direction:column;gap:2rem}.availability-settings-card-skeleton{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 10px #0000000d;padding:2rem}.availability-skeleton-card-title{border-radius:6px;height:1.8rem;margin-bottom:1rem;width:50%}.availability-skeleton-notes{height:1rem;margin-bottom:1.5rem;width:80%}.availability-general-hours-skeleton{display:flex;gap:2rem}.availability-skeleton-input-group{flex:1 1;margin-bottom:1rem}.availability-skeleton-label{height:1rem;margin-bottom:.5rem;width:30%}.availability-skeleton-select{height:2.5rem;width:100%}.availability-time-off-entry-skeleton{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.availability-time-off-header-skeleton{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.availability-skeleton-checkbox-group{align-items:center;display:flex;gap:.5rem}.availability-skeleton-checkbox{height:1rem;width:1rem}.availability-skeleton-checkbox-label{height:1rem;width:100px}.availability-skeleton-remove-button{border-radius:50%;height:2rem;width:2rem}.availability-time-ranges-skeleton{margin-top:1rem}.availability-time-range-skeleton{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.availability-skeleton-time-select{height:2rem;width:120px}.availability-skeleton-separator{height:1rem;width:20px}.availability-free-day-skeleton{grid-gap:1rem;align-items:end;border:1px solid #f0f0f0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr auto;margin-bottom:1rem;padding:1rem}.availability-skeleton-date-input,.availability-skeleton-time-input{height:2.5rem;width:100%}.availability-skeleton-add-button{border-radius:6px;height:2.5rem;width:150px}.availability-skeleton-google-calendar-button{border-radius:8px;height:3rem;width:200px}.availability-calendar-buttons-skeleton{margin-top:1rem}@media (max-width:768px){.availability-container-skeleton{padding:1rem}.availability-general-hours-skeleton{flex-direction:column;gap:1rem}.availability-time-off-header-skeleton{align-items:flex-start;flex-direction:column;gap:1rem}.availability-free-day-skeleton{gap:1rem;grid-template-columns:1fr}.availability-time-range-skeleton{flex-direction:column;gap:.5rem}.availability-skeleton-time-select{width:100%}}.manage-subscription-title{animation:fadeInUp .6s ease-out forwards;color:#000;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;margin-top:200px;text-align:center}.manage-subscription-container{animation:fadeInUp .8s ease-out forwards;animation-delay:.3s;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 20px #0000001a;color:#000;font-family:Arial,sans-serif;margin:75px auto 50px;max-width:900px;opacity:0;overflow:hidden;padding:3rem;position:relative}.subscription-summary{background:#fff;border:1px solid #0000001a;border-radius:15px;box-shadow:0 4px 10px #0000000d;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative}.subscription-summary:before{background:linear-gradient(90deg,#272660 0,#5349ea 25%,#f04f54 50%,#33c2a4);border-radius:15px 15px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.subscription-summary p{align-items:center;border-bottom:1px solid #0000000d;color:#000;display:flex;font-size:1.3rem;font-weight:500;justify-content:space-between;margin:1.2rem 0;padding:.5rem 0}.subscription-summary p:last-child{border-bottom:none}.subscription-summary p strong{color:#000;font-weight:700;min-width:200px}.subscription-actions{background:#fff;border:1px solid #0000001a;border-radius:15px;box-shadow:0 4px 10px #0000000d;margin-bottom:2rem;padding:2rem}.subscription-actions label{color:#000;display:block;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.subscription-actions select{background:#fff;border:2px solid #0000001a;border-radius:10px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;padding:15px 20px;transition:all .3s ease;width:100%}.subscription-actions select:focus{border:2px solid #000;box-shadow:0 0 0 4px #0000000d;outline:none;transform:translateY(-2px)}.subscription-actions select:hover{border:2px solid #000;transform:translateY(-1px)}.update-btn{background:linear-gradient(135deg,#5349ea,#f04f54);border:none;border-radius:10px;box-shadow:0 4px 15px #5349ea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease;width:100%}.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#f04f54,#5349ea);box-shadow:0 6px 20px #f04f5466;transform:translateY(-3px)}.update-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.subscription-footer{border-top:1px solid #0000001a;display:flex;justify-content:center;padding-top:2rem}.cancel-btn{background:#fff;border:2px solid #999;border-radius:10px;color:#999;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#999;border:2px solid #999;box-shadow:0 4px 15px #0000001a;color:#fff;transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.manage-subscription-container:after{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:0 0 20px 20px;bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.update-btn:disabled:after{border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.cancel-btn:disabled:after,.update-btn:disabled:after{animation:spin 1s linear infinite;content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%)}.cancel-btn:disabled:after{border:2px solid #0000;border-radius:50%;border-top-color:#999;height:16px;width:16px}@media only screen and (max-width:950px){.manage-subscription-title{font-size:2rem;margin-top:180px}.manage-subscription-container{border-radius:15px;margin:50px 1rem;padding:2rem 1.5rem}.subscription-summary{margin-bottom:2rem;padding:1.5rem}.subscription-summary p{align-items:flex-start;flex-direction:column;font-size:1.1rem;gap:.5rem}.subscription-summary p strong{min-width:auto;width:100%}.subscription-actions{padding:1.5rem}.subscription-actions label{font-size:1.1rem}.subscription-actions select{font-size:1rem;padding:12px 15px}.plan-selection-container{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan-option{min-height:180px;padding:1.25rem}.plan-credits h3{font-size:1.3rem}.best-value-badge,.current-plan-badge,.selected-plan-badge{font-size:.7rem;padding:.3rem .6rem}.update-btn{font-size:1.1rem;padding:12px 25px}.cancel-btn{font-size:1rem;padding:10px 25px}}@media only screen and (max-width:600px){.manage-subscription-title{font-size:1.8rem;margin-top:160px}.manage-subscription-container{margin:30px .5rem;padding:1.5rem 1rem}.subscription-summary{padding:1.25rem}.subscription-summary p{font-size:1rem;margin:1rem 0}.subscription-actions{padding:1.25rem}.plan-selection-container{gap:.8rem;grid-template-columns:1fr}.plan-option{min-height:160px;padding:1rem}.plan-credits h3{font-size:1.2rem}.classes-per-week{font-size:.85rem}.discounted-credit-price,.discounted-monthly-price,.monthly-price{font-size:1rem}.best-value-badge,.current-plan-badge,.selected-plan-badge{font-size:.65rem;padding:.25rem .5rem}.cancel-btn,.update-btn{font-size:1rem;padding:10px 20px}}.plan-selection-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0 2rem}.plan-option{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #0000001a;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:space-between;min-height:200px;outline:none;overflow:hidden;padding:1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.plan-option,.plan-option:hover{background:#fff!important;color:#000!important}.plan-option:hover{border:2px solid #000!important;box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.plan-option.selected{background:linear-gradient(135deg,#00000008,#0000000f);border:2px solid #000;box-shadow:0 8px 20px #0003;color:#000;transform:translateY(-3px)}.plan-option.current-plan{background:#0000000d;border:2px solid #000;color:#000}.plan-option.most-popular{background:#33c2a405;border:2px solid #33c2a4}.plan-option.most-popular.selected{background:linear-gradient(135deg,#0000000a,#00000014);border:2px solid #000;box-shadow:0 8px 20px #00000040}.best-value-badge{background:linear-gradient(135deg,#33c2a4,#95f5f1);border-radius:0 0 10px 10px;box-shadow:0 2px 8px #33c2a44d;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;position:absolute;right:15px;top:-2px}.current-plan-badge{background:#000;box-shadow:0 2px 8px #0003}.current-plan-badge,.selected-plan-badge{border-radius:0 0 10px 10px;color:#fff;font-size:.8rem;font-weight:700;left:15px;letter-spacing:.5px;padding:.4rem .8rem;position:absolute;top:-2px}.selected-plan-badge{background:linear-gradient(135deg,#f6e43a,#f04f54);box-shadow:0 2px 8px #f6e43a4d}.plan-credits{margin:1rem 0}.plan-credits h3{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.classes-per-week{color:#777;font-size:.95rem;font-weight:500;margin:0}.plan-pricing{margin-top:auto}.per-credit-pricing{margin-bottom:1rem}.original-credit-price{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.crossed-out{color:#999;font-size:.9rem;text-decoration:line-through}.discount-badge{background:linear-gradient(135deg,#33c2a4,#95f5f1);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem}.discounted-credit-price{color:#000;font-size:1.1rem;font-weight:600}.monthly-pricing{border-top:1px solid #0000001a;padding-top:1rem}.original-monthly-price{color:#999;font-size:.9rem;margin-bottom:.3rem;text-decoration:line-through}.discounted-monthly-price,.monthly-price{color:#000;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.monthly-savings{color:#000;font-size:.9rem;font-weight:600}.admin-stats-container{font-family:Arial,sans-serif;margin:180px auto 2rem;max-width:1400px;padding:2rem}.admin-stats-container h2{color:#272660;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #f04f541a;border-radius:15px;box-shadow:0 15px 40px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-8px)}.stat-card h3{border-bottom:1px solid #00000014;color:#272660;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.stat-card p{color:#f04f54;font-size:2.5rem;font-weight:700;margin:0;text-align:center}.stat-card ol{list-style-type:none;margin:0;padding-left:0}.stat-card li{border-bottom:1px solid #f0f0f0;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem .25rem}.stat-card li:last-child{border-bottom:none}.tutor-selection-section{background-color:#fff;border-radius:15px;box-shadow:0 15px 40px #0000001a;margin-bottom:3rem;padding:2rem;text-align:center}.tutor-selection-section h3{color:#272660;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.tutor-selection-section select{background-color:#f8f9fa;border:1px solid #ccc;border-radius:8px;font-size:1rem;max-width:500px;padding:.75rem;width:100%}.individual-stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media (min-width:992px){.individual-stats-container{grid-template-columns:repeat(2,1fr)}}.individual-stats-container .stat-card{grid-column:span 1}.tutor-schedule-card{margin-top:2rem}.stat-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.stat-item:last-child{border-bottom:none}.stat-item-label{color:#64748b;font-size:1rem;font-weight:500}.stat-item-value{color:#f04f54;font-size:1.1rem;font-weight:600}.historic-earnings-list table{border-collapse:collapse;margin-top:1rem;width:100%}.historic-earnings-list td,.historic-earnings-list th{border-bottom:1px solid #e0e0e0;padding:.75rem 1rem;text-align:left}.historic-earnings-list th{background-color:#f8f9fa;color:#333;font-size:.9rem;font-weight:600;text-transform:uppercase}.historic-earnings-list tr:nth-child(2n){background-color:#fdfdfd}.historic-earnings-list tr:hover{background-color:#f04f540d}.admin-show-more-container{display:flex;justify-content:center;margin-top:.5rem;padding:1rem 0}.admin-show-more-btn{align-items:center;background:none;border:1px solid #5349ea;border-radius:20px;color:#5349ea;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:all .2s ease}.admin-show-more-btn:hover{background-color:#5349ea;color:#fff;transform:translateY(-1px)}.admin-show-more-btn svg{transition:transform .2s ease}.admin-show-more-btn:hover svg{transform:translateY(1px)}.tutor-payments-section{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.tutor-payments-section h2{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.5rem}.payment-month-selector{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.payment-month-selector label{color:#34495e;font-weight:600}.payment-month-selector input[type=month]{border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;padding:.5rem}.payments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.payment-card{background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.payment-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.payment-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.payment-header h4{color:#2c3e50;font-size:1.1rem;margin:0}.payment-month-label{background:#3498db;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.payment-details{margin-bottom:1.5rem}.payment-row{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:.5rem 0}.payment-row span:first-child{color:#7f8c8d;font-weight:500}.payment-row span:last-child{color:#2c3e50;font-weight:600}.calculated-payment{background:#e8f5e8;border:1px solid #27ae60;border-radius:4px;margin-top:.5rem;padding:.75rem .5rem}.calculated-payment span{color:#27ae60!important;font-weight:700!important}.payment-actions{gap:1rem}.editable-amount,.payment-actions{display:flex;flex-direction:column}.editable-amount{gap:.5rem}.editable-amount label{color:#34495e;font-size:.9rem;font-weight:600}.payment-input{border:2px solid #bdc3c7;border-radius:4px;color:#2c3e50;font-size:1rem;font-weight:600;padding:.75rem;transition:border-color .2s ease}.payment-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.process-payment-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.process-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.process-payment-btn:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.process-payment-btn.override-payment{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #c0392b}.process-payment-btn.override-payment:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.process-payment-btn.override-payment:disabled{background:#95a5a6;border:2px solid #7f8c8d;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.payment-classes-details{border-top:1px solid #ecf0f1;margin-top:1rem;padding-top:1rem}.payment-classes-details summary{color:#3498db;cursor:pointer;font-weight:600;padding:.5rem 0;-webkit-user-select:none;user-select:none}.payment-classes-details summary:hover{color:#2980b9}.classes-list{border:1px solid #ecf0f1;border-radius:4px;margin-top:.5rem;max-height:200px;overflow-y:auto}.class-item{grid-gap:1rem;border-bottom:1px solid #f8f9fa;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;padding:.75rem}.class-date{color:#7f8c8d;font-size:.9rem;font-weight:500}.class-student{color:#2c3e50;font-weight:500}.class-cost{color:#27ae60;font-size:.9rem;font-weight:700;text-align:right}.no-payments-message{color:#7f8c8d;font-style:italic;padding:3rem;text-align:center}.stripe-status{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.stripe-status.configured{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.stripe-status.missing{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.stripe-id-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:1rem}.stripe-id-row{display:flex;flex-direction:column;gap:.5rem}.stripe-id-row label{color:#495057;font-size:.9rem;font-weight:600}.stripe-id-input-group{align-items:center;display:flex;gap:.5rem}.stripe-id-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.stripe-id-input:focus{border-color:#3498db;box-shadow:0 0 0 .2rem #3498db40;outline:none}.update-stripe-btn{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.update-stripe-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px)}.update-stripe-btn:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.update-stripe-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:12px;width:12px}@media (max-width:768px){.payments-grid{grid-template-columns:1fr}.payment-header{align-items:flex-start;flex-direction:column;gap:.5rem}.class-item{gap:.5rem;grid-template-columns:1fr}.class-cost,.class-item{text-align:left}.payment-month-selector{align-items:flex-start;flex-direction:column}.stripe-id-input-group{flex-direction:column}.update-stripe-btn{justify-content:center;width:100%}}.tutor-schedule-calendar{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-top:20px;padding:20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header h3{font-size:1.2rem;font-weight:500;margin:0}.calendar-header button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;cursor:pointer;font-size:1.2rem;height:36px;line-height:34px;text-align:center;transition:background-color .2s;width:36px}.calendar-header button:hover{background-color:#e9ecef}.calendar-legend{background-color:#f8f9fa;border-radius:4px;display:flex;font-size:.85em;gap:20px;margin-bottom:15px;padding:10px}.legend-item{align-items:center;display:flex;gap:5px}.legend-icon{font-size:1.1em}.calendar-grid{grid-gap:1px;background-color:#e0e0e0;border:1px solid #e0e0e0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.day-name{background-color:#f8f9fa;color:#495057;font-size:.8rem;font-weight:600;padding:8px 0;text-align:center}.calendar-day{background-color:#fff;display:flex;flex-direction:column;min-height:150px;padding:6px;position:relative;transition:background-color .2s}.calendar-day.other-month{background-color:#f7f7f7}.calendar-day.today .day-number{background-color:#007bff;border-radius:50%;color:#fff;font-weight:700;height:24px;line-height:24px;text-align:center;width:24px}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.day-number{color:#333;font-size:.85em;font-weight:500}.day-event-count{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:.7em;font-weight:700;height:18px;justify-content:center;width:18px}.events{flex-grow:1;font-size:.8em;max-height:120px;overflow-y:auto}.event{border-left:3px solid;border-radius:4px;cursor:pointer;font-size:.8em;margin-bottom:4px;padding:4px 6px}.google-event{background-color:#e8f5e8;border-left-color:#4caf50}.learnlantern-event{background-color:#e3f2fd;border-left-color:#2196f3}.event:hover{opacity:.8}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.event-time{font-size:.75em;font-weight:600}.event-source{font-size:.7em}.event-details{display:flex;flex-direction:column;gap:1px}.event-name{color:#333;font-size:.75em;font-weight:500}.event-calendar,.event-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-calendar{color:#666;font-size:.65em}.super-powers-container{font-family:Arial,sans-serif;margin:180px auto 2rem;max-width:1400px;padding:2rem}.super-powers-container h2{color:#272660;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.super-power-card{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #f04f541a;border-radius:15px;box-shadow:0 15px 40px #0000001a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.super-power-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-8px)}.super-power-card h3{border-bottom:1px solid #00000014;color:#272660;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.super-power-card h4{color:#272660;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem}.selection-controls{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.select-group{display:flex;flex-direction:column}.select-group label{color:#272660;font-weight:600;margin-bottom:.5rem}.select-group select{background-color:#f8f9fa;border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s}.select-group select:focus{border-color:#5349ea;box-shadow:0 0 0 2px #5349ea1a;outline:none}.current-credits{background:#f04f541a;border-radius:8px;color:#272660;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.credit-controls{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr 1fr}.input-group{display:flex;flex-direction:column}.input-group label{color:#272660;font-weight:600;margin-bottom:.5rem}.input-group input{background-color:#f8f9fa;border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s}.input-group input:focus{border-color:#5349ea;box-shadow:0 0 0 2px #5349ea1a;outline:none}.admin-action-btn.small{margin-right:.5rem}.class-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.classes-table{margin-top:1rem;overflow-x:auto}.classes-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.classes-table td,.classes-table th{border-bottom:1px solid #e0e0e0;padding:1rem;text-align:left}.classes-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#272660;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.classes-table tr:hover{background-color:#f04f540d}.classes-table tr:last-child td{border-bottom:none}.status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status.upcoming{background-color:#28a7451a;color:#28a745}.status.past{background-color:#6c757d1a;color:#6c757d}.no-relationship-warning{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#856404;margin:1rem 0;padding:1rem}.no-relationship-warning p{margin:.5rem 0}.no-relationship-warning p:first-child,.notification{font-weight:600}.notification{border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.notification.success{background:linear-gradient(135deg,#28a745,#20c997)}.notification.error{background:linear-gradient(135deg,#dc3545,#fd7e14)}.notification.warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.notification.info{background:linear-gradient(135deg,#17a2b8,#6f42c1)}@media (max-width:992px){.credit-controls,.selection-controls{gap:1rem;grid-template-columns:1fr}.super-powers-container{margin:120px auto 2rem;padding:1rem}}@media (max-width:768px){.super-powers-container h2{font-size:2rem}.super-power-card{padding:1.5rem}.class-actions{flex-direction:column}.admin-action-btn{margin-bottom:.5rem;width:100%}.classes-table{font-size:.9rem}.classes-table td,.classes-table th{padding:.75rem .5rem}}@media (max-width:576px){.classes-table td:nth-child(3),.classes-table th:nth-child(3){display:none}.notification{left:10px;right:10px;top:10px}}.faq-management-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.faq-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.faq-search-section{flex:1 1;min-width:200px}.faq-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.faq-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.add-faq-section{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.faq-mode-selector{display:flex;gap:20px;margin-bottom:20px}.faq-mode-selector label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.faq-mode-selector input[type=radio]{margin:0}.faq-edit-form,.manual-faq-form{display:flex;flex-direction:column;gap:15px}.form-group{gap:5px}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border-radius:4px;font-family:inherit;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{min-height:100px}.form-actions{gap:10px;justify-content:flex-end;margin-top:15px}.ai-faq-form{display:flex;flex-direction:column;gap:15px}.ai-instructions{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:15px}.ai-instructions h4{color:#1976d2;margin:0 0 10px}.ai-instructions p{color:#555;margin:0 0 15px}.format-examples{display:flex;flex-direction:column;gap:15px}.format-example{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:12px}.format-example strong{color:#333;display:block;margin-bottom:8px}.format-example pre{word-wrap:break-word;background:#f5f5f5;border-radius:4px;font-size:12px;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap}.faq-list-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.faq-stats{border-bottom:1px solid #eee;color:#666;display:flex;font-size:14px;gap:20px;margin-bottom:20px;padding-bottom:10px}.faq-stats span{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:5px 10px}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item-admin{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:box-shadow .2s ease}.faq-item-admin:hover{box-shadow:0 2px 8px #0000001a}.faq-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.faq-category{background:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.faq-actions{display:flex;gap:8px}.faq-content{display:flex;flex-direction:column;gap:10px}.faq-question{color:#333;font-size:16px}.faq-answer{color:#666;line-height:1.5}.faq-contexts{color:#888;font-size:14px;font-style:italic}.no-faqs-message{color:#666;font-style:italic;padding:40px;text-align:center}.admin-action-btn{align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s ease}.admin-action-btn.primary{background:#007bff}.admin-action-btn.primary:hover{background:#0056b3}.admin-action-btn.secondary{background:#6c757d}.admin-action-btn.secondary:hover{background:#545b62}.admin-action-btn.danger{background:#dc3545}.admin-action-btn.danger:hover{background:#c82333}.admin-action-btn.small{font-size:12px;padding:4px 8px}.admin-action-btn:disabled:hover{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial}@media (max-width:768px){.faq-controls,.faq-header{align-items:stretch;flex-direction:column}.faq-actions{justify-content:center}.faq-stats{flex-direction:column;gap:10px}.format-examples{gap:10px}.format-example pre{font-size:11px}.faq-mode-selector{flex-direction:column;gap:10px}}.universal-tutor-editor{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.universal-tutor-editor h4{color:#272660;font-size:1.1em;margin:0 0 15px}.tutor-selector{display:flex;flex-direction:column;gap:10px}.tutor-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.tutor-select:focus{outline:none}.tutor-select:focus,.tutor-select:hover{border-color:#5349ea}.universal-student-editor{background:#f0f8ff;border:1px solid #cce5ff;border-radius:8px;margin-bottom:30px;padding:20px}.universal-student-editor h4{color:#272660;font-size:1.1em;margin:0 0 15px}.student-selector{display:flex;flex-direction:column;gap:10px}.student-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.student-select:focus{border-color:#33c2a4;outline:none}.student-select:hover{border-color:#33c2a4}.profile-validation-section{border-top:1px solid #e9ecef;padding-top:20px}.profile-validation-section h4{color:#272660;font-size:1.1em;margin:0 0 10px}.section-description{color:#6c757d;font-size:.9em;line-height:1.4;margin-bottom:15px}.tutor-profile-checker{margin-top:20px}.checker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.checker-header h3{color:#272660;margin:0}.profile-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:25px}.stat-item{background:#f8f9fa;border:2px solid #e9ecef;padding:15px;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-item.complete{background:#d4edda;border-color:#c3e6cb}.stat-item.incomplete{background:#f8d7da;border-color:#f5c6cb}.stat-item.visible{background:#cce5ff;border-color:#b3d9ff}.stat-item.hidden{background:#fff3cd;border-color:#ffeaa7}.stat-number{color:#272660;font-size:2em;margin-bottom:5px}.stat-label{font-size:.9em}.incomplete-profiles-section{margin-top:25px}.section-header{margin-bottom:20px}.incomplete-profiles-list{grid-gap:20px;display:grid;gap:20px}.incomplete-profile-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:all .3s ease}.incomplete-profile-item:hover{border-color:#5349ea;box-shadow:0 4px 12px #0000001a}.profile-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.profile-info h5{color:#272660;font-size:1.1em;margin:0 0 5px}.profile-email{color:#6c757d;display:block;font-size:.9em;margin-bottom:8px}.visibility-badge{border-radius:4px;font-size:.8em;font-weight:500;padding:4px 8px;text-transform:uppercase}.visibility-badge.visible{background:#d4edda;color:#155724}.visibility-badge.hidden{background:#f8d7da;color:#721c24}.profile-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.severity-badge{color:#fff}.criticality-badge,.severity-badge{border-radius:4px;font-size:.8em;font-weight:500;padding:4px 8px}.criticality-badge{text-transform:uppercase}.criticality-badge.critical{background:#8e44ad;color:#fff}.criticality-badge.high{background:#e74c3c;color:#fff}.criticality-badge.medium{background:#f39c12;color:#fff}.missing-fields{margin-bottom:15px}.missing-fields h6{color:#272660;font-size:.9em;margin:0 0 10px}.missing-fields-list{display:flex;flex-wrap:wrap;gap:8px}.missing-field-tag{background:#f8d7da;border-radius:4px;color:#721c24;font-size:.8em;font-weight:500;padding:4px 8px}.profile-actions{display:flex;gap:10px;justify-content:flex-end}.no-issues{padding:40px;text-align:center}.success-message{background:#d4edda;border-radius:8px;color:#155724;font-size:1.1em;font-weight:500;padding:20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.tutor-editor-modal,.tutor-profile-editor{padding:0}.editor-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.editor-header h3{color:#272660;margin:0}.editor-actions{display:flex;gap:10px}.editor-content{padding:20px}.editor-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.editor-section:last-child{border-bottom:none}.editor-section h4{color:#272660;font-size:1.2em;margin:0 0 20px}.editor-section h5{color:#5349ea;font-size:1.1em;margin:0 0 15px}.form-grid{grid-gap:20px;gap:20px}.form-group label{margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px 12px}.input-error{border-color:#e74c3c}.error-text{color:#e74c3c;font-size:.8em;margin-top:5px}.profile-picture-section{align-items:center;display:flex;gap:20px}.current-picture{flex-shrink:0}.profile-preview{border:2px solid #e9ecef;border-radius:50%;height:80px;object-fit:cover;width:80px}.upload-controls{display:flex;flex-direction:column;gap:10px}.upload-button{background:#5349ea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.upload-button:hover{background:#272660}.upload-button:disabled{background:#ccc;cursor:not-allowed}.language-section{margin-bottom:25px}.current-languages{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.superpowers-language-tag{align-items:center;background:#e9ecef;border-radius:6px;display:flex;font-size:.9em;gap:8px;padding:8px 12px}.superpowers-remove-language-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;width:20px}.superpowers-remove-language-btn:hover{background:#c0392b}.superpowers-no-languages{color:#6c757d;font-style:italic}.superpowers-add-language-section{align-items:flex-end;display:flex;gap:10px}.superpowers-add-language-section select{border:1px solid #ddd;border-radius:6px;flex:1 1;padding:8px 12px}.teaching-languages-section{margin-top:25px}.superpowers-teaching-language-pills{display:flex;flex-wrap:wrap;gap:10px}.superpowers-teaching-language-pills label{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.superpowers-teaching-language-pills label:hover{background:#e9ecef}.superpowers-teaching-language-pills input[type=checkbox]{margin:0}.superpowers-teaching-language-pills label:has(input:checked){background:#5349ea;border-color:#5349ea;color:#fff}.loading-spinner{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:40px}@media (max-width:768px){.profile-stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.profile-header{align-items:flex-start;flex-direction:column;gap:10px}.profile-status{align-items:center;flex-direction:row}.modal-overlay{padding:10px}.modal-content{max-height:95vh}.profile-picture-section{align-items:flex-start;flex-direction:column}.superpowers-add-language-section{align-items:stretch;flex-direction:column}}@media (max-width:480px){.profile-stats{grid-template-columns:1fr}.editor-header{align-items:stretch;flex-direction:column;gap:15px}.editor-actions{justify-content:stretch}.editor-actions button{flex:1 1}}.profile-approval-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:24px}.profile-approval-container h3{border-bottom:2px solid #f04f54;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.no-requests{color:#666;padding:40px;text-align:center}.no-requests p{font-size:1.1rem;margin:0}.requests-list{display:flex;flex-direction:column;gap:16px}.request-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.request-item:hover{box-shadow:0 4px 12px #0000001a}.request-header{align-items:center;background:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .3s ease}.request-header:hover{background:#f0f0f0}.request-info h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 4px}.request-email{color:#666;font-size:.9rem;margin:0 0 4px}.request-date{color:#888;font-size:.85rem;margin:0}.request-fields{align-items:center;display:flex;gap:12px}.changes-count{background:#f04f54;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.expand-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:4px;transition:all .2s ease}.expand-btn:hover{background:#e0e0e0;color:#333}.request-details{background:#fff;border-top:1px solid #e0e0e0;padding:20px}.changes-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.change-item{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:16px}.field-name{color:#333;font-size:1rem;font-weight:600;margin-bottom:8px}.change-comparison{grid-gap:16px;align-items:center;gap:16px;grid-template-columns:1fr auto 1fr}.new-value,.old-value{display:flex;flex-direction:column;gap:4px}.new-value .label,.old-value .label{color:#666;font-size:.8rem;font-weight:500;text-transform:uppercase}.old-value .value{background:#ffe6e6;border:1px solid #fcc;border-radius:4px;color:#d32f2f;padding:8px}.new-value .value{background:#e8f5e8;border:1px solid #c8e6c8;border-radius:4px;color:#2e7d32;padding:8px}.arrow{color:#666;text-align:center}.link-preview{color:#1976d2;text-decoration:none;word-break:break-all}.link-preview:hover{text-decoration:underline}.request-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.approve-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.approve-btn{background:#4caf50;color:#fff}.approve-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.reject-btn{background:#f44336;color:#fff}.reject-btn:hover:not(:disabled){background:#da190b;transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.profile-approval-container{margin:10px 0;padding:16px}.request-header{align-items:flex-start;flex-direction:column;gap:12px}.request-fields{align-self:stretch;justify-content:space-between}.change-comparison{gap:8px;grid-template-columns:1fr;text-align:center}.arrow{transform:rotate(90deg)}.request-actions{flex-direction:column;gap:8px}.approve-btn,.reject-btn{width:100%}}.tutor-data-manager{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #f04f541a;border-radius:15px;box-shadow:0 15px 40px #0000001a;margin-top:2rem;padding:2rem}.manager-header{margin-bottom:2rem;text-align:center}.manager-header h3{color:#272660;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.manager-header p{color:#6c757d;font-size:.9rem;margin:0}.tutor-selection{border-bottom:1px solid #00000014;margin-bottom:2rem;padding-bottom:1rem}.tutor-selection label{color:#272660;display:block;font-weight:600;margin-bottom:.5rem}.tutor-selection select{background-color:#f8f9fa;border:1px solid #ccc;border-radius:8px;font-size:1rem;max-width:400px;padding:.75rem;transition:border-color .2s;width:100%}.tutor-selection select:focus{border-color:#5349ea;box-shadow:0 0 0 2px #5349ea1a;outline:none}.tutor-data-section{margin-top:2rem}.loading-message{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.tutor-summary{background:#5349ea0d;border:1px solid #5349ea1a;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.tutor-summary h4{color:#272660;font-size:1.3rem;margin:0 0 1rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1rem;text-align:center}.stat-label{display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#272660;display:block;font-size:1.5rem;font-weight:700}.lessons-section,.reviews-section{background:#f8fafc80;border:1px solid #0000000d;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.section-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-header h4{color:#272660;font-size:1.2rem;margin:0}.add-lessons-form,.add-review-form,.edit-review-form{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.add-lessons-form h5,.add-review-form h5,.edit-review-form h5{color:#272660;font-size:1.1rem;margin:0 0 1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#272660;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5349ea;box-shadow:0 0 0 2px #5349ea1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.reviews-list{display:flex;flex-direction:column;gap:1rem}.no-reviews{background:#fff;border:1px dashed #e9ecef;border-radius:8px;color:#6c757d;font-style:italic;padding:2rem;text-align:center}.review-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;transition:box-shadow .3s ease}.review-item:hover{box-shadow:0 4px 12px #0000001a}.review-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.review-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.review-info strong{color:#272660}.review-rating{font-size:1.1rem}.admin-badge{background:#5349ea;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px;text-transform:uppercase}.admin-badge.modified{background:#f39c12}.review-actions{display:flex;gap:.5rem}.review-comment{color:#333;line-height:1.5;margin:.5rem 0}.review-date{color:#6c757d;font-size:.8rem}.current-lesson-count{background:#f04f541a;border-radius:8px;color:#272660;font-size:1.1rem;margin-bottom:1rem;padding:1rem;text-align:center}.warning-note{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;color:#856404;font-size:.9rem;margin-top:1rem;padding:.75rem}.admin-action-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.admin-action-btn.primary{background:linear-gradient(135deg,#5349ea,#272660);color:#fff}.admin-action-btn.primary:hover{box-shadow:0 8px 25px #5349ea4d;transform:translateY(-2px)}.admin-action-btn.secondary{background:linear-gradient(135deg,#f04f54,#e63946);color:#fff}.admin-action-btn.secondary:hover{box-shadow:0 8px 25px #f04f544d;transform:translateY(-2px)}.admin-action-btn.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.admin-action-btn.danger:hover{box-shadow:0 8px 25px #dc35454d;transform:translateY(-2px)}.admin-action-btn.small{font-size:.9rem;padding:.5rem 1rem}.admin-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.tutor-data-manager{padding:1rem}.form-grid{grid-template-columns:1fr}.stats-summary{grid-template-columns:repeat(2,1fr)}.review-header,.section-header{align-items:stretch;flex-direction:column}.review-header{gap:1rem}.review-info{justify-content:space-between}.review-actions{justify-content:center}.form-actions{justify-content:stretch}.form-actions button{flex:1 1}}@media (max-width:480px){.stats-summary{grid-template-columns:1fr}.review-info{align-items:flex-start;flex-direction:column;gap:.5rem}}.chat-moderation-container{background-color:#f9f9f9;border-radius:8px;margin-top:1rem;padding:1rem}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{background-color:#fff;border:1px solid #e0e0e0;border-left:5px solid #f04f54;border-radius:4px;box-shadow:0 2px 4px #0000000d;padding:1rem}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.alert-type{color:#f04f54;font-weight:700;text-transform:capitalize}.alert-timestamp{color:#666;font-size:.85rem}.alert-body p{margin:.5rem 0}.flagged-keywords{color:#c0392b;font-weight:700}.alert-actions{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:.5rem}.ignore-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.ignore-btn:hover:not(:disabled){background-color:#5a6268}.ignore-btn:disabled{background-color:#adb5bd;cursor:not-allowed}.embedded-classroom-container{contain:layout style paint;isolation:isolate}.embedded-classroom-container button{box-sizing:border-box;font-family:inherit}.my-classroom-page-container{justify-content:center;margin-top:9rem;min-height:80vh;padding:2rem}.my-classroom-card{animation:fadeInUp .8s ease-out forwards;animation-delay:.3s;background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #5349ea1a;border-radius:20px;box-shadow:0 20px 50px #00000026;max-width:70rem;overflow:hidden;padding:0;position:relative;text-align:center;width:100%}.my-classroom-header{padding:3rem}.my-classroom-title{color:#000;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.my-classroom-card p{color:#64748b;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.classroom-security-note,.my-classroom-card p{margin-left:auto;margin-right:auto;max-width:500px}.classroom-security-note{background:linear-gradient(135deg,#5349ea1a,#33c2a41a);border:1px solid #5349ea4d;border-radius:8px;color:#272660;font-size:.95rem;line-height:1.4;margin-bottom:2rem;padding:12px 16px;text-align:left}.card-divider{background-color:#f0f0f0;height:1px;margin:0 3rem}.learn-lantern-btn{align-items:center;background:linear-gradient(135deg,#f6e43a,#f04f54);border:none;border-radius:8px;box-shadow:0 4px 12px #5349ea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.3rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:1.2rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.learn-lantern-btn:hover:not(:disabled){background:linear-gradient(135deg,#f04f54,#f6e43a);box-shadow:0 6px 16px #f04f5466;transform:translateY(-3px)}.learn-lantern-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.gradient-line{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:0 0 20px 20px;bottom:0;height:5px;left:0;position:absolute;right:0}.embedded-classroom-container{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background-color:#000000bf;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:flex;empty-cells:show;flex-direction:column;float:none;font-family:serif;font-family:inherit;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;height:100%;-webkit-hyphens:none;hyphens:none;left:auto;left:0;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:1rem;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;position:fixed;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;top:0;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;width:100%;word-spacing:normal;z-index:auto;z-index:1001}whereby-embed{border-radius:12px;box-shadow:0 10px 30px #0003;height:100%;min-width:100%;overflow:hidden;width:100%}.whereby-embed-element iframe{border:none;height:100%;width:100%}.close-classroom-btn{align-items:center!important;background:#00000080!important;border:1px solid #fff!important;border-radius:50%!important;color:#fff!important;cursor:pointer;display:flex!important;flex-shrink:0!important;font-family:inherit!important;font-size:20px!important;font-weight:400!important;height:40px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:40px!important;max-width:40px!important;padding:0!important;position:static!important;width:40px!important;z-index:10000}.close-classroom-btn:hover{background:#fffc;color:#000}.classroom-instructions{left:20px;pointer-events:none;position:absolute;right:20px;top:70px;z-index:10001}.lock-reminder{animation:pulse-reminder 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f6e43af2,#f04f54f2);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;padding:12px 16px;text-align:center}@keyframes pulse-reminder{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.my-classroom-page-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;padding:4rem 2rem;width:100%}.backup-classrooms-section{background-color:#fff}.backup-classrooms-section .backup-classrooms-title{border:none!important;border-bottom:2px solid #eee!important;color:#000!important;font-size:2rem!important;font-weight:700!important;line-height:1.2!important;margin-bottom:1rem!important;margin-top:0!important;padding:0 0 1rem!important;text-align:center!important}.backup-classrooms-note{color:#64748b;display:block!important;font-size:1rem;line-height:1.6;margin:0 auto 1.5rem;padding:0 1rem;text-align:center}.backup-classrooms-links a{background-color:#fff;border:1px solid #95f5f1;border-radius:5px;color:#000;display:inline-block;font-size:.9rem;margin-bottom:.5rem;margin-right:1rem;padding:12px 20px;text-decoration:none;transition:background-color .3s ease,transform .2s}.backup-classrooms-links a:hover{background-color:#95f5f1;transform:translateY(-2px)}.upcoming-classes-section{background-color:#fff;padding:2rem 3rem 3rem}.upcoming-classes-section h2{border-bottom:2px solid #eee;color:#000;font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.classes-list{list-style:none;margin:0;padding:0;text-align:left}.class-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem .5rem;transition:background-color .3s ease}.class-item:last-child{border-bottom:none}.class-item:hover{background-color:#f9f9fa}.class-student-name{color:#333;font-weight:600}.class-date{color:#64748b;font-size:.95rem}.loading-message,.no-classes-message{color:#64748b;font-size:1.1rem;padding:2rem 0}.show-more-container{display:none;justify-content:center;margin-top:.5rem;padding:1rem 0}.show-more-btn{align-items:center;background:none;border:1px solid #5349ea;border-radius:20px;color:#5349ea;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:all .2s ease}.show-more-btn:hover{background-color:#5349ea;color:#fff;transform:translateY(-1px)}.show-more-btn svg{transition:transform .2s ease}.show-more-btn:hover svg{transform:translateY(1px)}.trial-badge{animation:pulseGlow 2s infinite;background:linear-gradient(135deg,#f04f54,#ff6b6f);border-radius:8px;box-shadow:0 2px 4px #f04f544d;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-left:6px;padding:2px 6px;text-transform:uppercase}@keyframes pulseGlow{0%,to{box-shadow:0 2px 4px #f04f544d}50%{box-shadow:0 2px 8px #f04f5480}}@media (max-width:768px){.backup-classrooms-section{padding:1.5rem 2rem}.backup-classrooms-links a{flex:1 1 40%;font-size:.85rem;margin-bottom:.5rem;margin-right:.5rem;padding:10px;text-align:center}}.embedded-topbar{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.chat-toggle-btn{background:linear-gradient(135deg,#5349ea,#33c2a4)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #0003!important;color:#fff!important;cursor:pointer;font-family:inherit!important;font-size:.9rem!important;font-weight:600!important;line-height:normal!important;margin:0!important;padding:.6rem 1rem!important;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:nowrap!important;width:fit-content!important}.chat-toggle-btn:hover{box-shadow:0 6px 16px #00000040;transform:translateY(-1px)}.chat-toggle-btn.active{background:linear-gradient(135deg,#33c2a4,#5349ea)}.embedded-split{grid-gap:.75rem;display:grid;flex:1 1 auto;gap:.75rem;grid-template-columns:1fr;min-height:0;position:relative}.embedded-split.chat-open{grid-template-columns:minmax(0,1fr) minmax(300px,36vw)}.embedded-split.chat-closed{grid-template-columns:1fr}.video-pane{background:#000}.classroom-chat-pane,.video-pane{border-radius:12px;overflow:hidden}.classroom-chat-pane{background:#fff;display:flex;min-height:0}.classroom-chat-pane .chat-container{all:unset;background-color:#fff;border-radius:0;box-shadow:none;display:flex;height:100%;margin:0;max-width:none;overflow:hidden;width:100%}@media (max-width:1024px){.embedded-split.chat-open{grid-template-columns:minmax(0,1fr) minmax(260px,42vw)}}@media (max-width:768px){.embedded-classroom-container{padding:.75rem}.embedded-split.chat-open{grid-template-columns:1fr}.classroom-chat-pane{height:50vh}.chat-toggle-btn{font-size:.8rem!important;padding:.5rem .75rem!important}.embedded-topbar{gap:.5rem}}.chat-toggle-btn{position:relative}.chat-toggle-btn .notification-dot{background-color:#f04f54;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px;z-index:10}.my-classroom-page-container-skeleton{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin-top:9rem;padding:4rem 2rem;width:100%}.skeleton-main-title{background-color:#e0e0e0;border-radius:4px;height:2.5rem;margin-bottom:1rem;width:200px}.my-classroom-card-skeleton{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000001a;max-width:70rem;overflow:hidden;padding:0;width:100%}.my-classroom-header-skeleton{padding:3rem;text-align:center}.skeleton-line{background-color:#e0e0e0;border-radius:4px;height:1rem;margin-left:auto;margin-right:auto}.skeleton-paragraph{height:1.2rem;margin-bottom:1rem;width:80%}.skeleton-paragraph-2{height:1.2rem;margin-bottom:2.5rem;width:60%}.skeleton-button{background-color:#e0e0e0;border-radius:8px;height:3.5rem;width:100%}.card-divider-skeleton{background-color:#f0f0f0;height:1px;margin:0 3rem}.upcoming-classes-section-skeleton{padding:2rem 3rem 3rem}.skeleton-subtitle{background-color:#e0e0e0;border-radius:4px;height:2rem;margin-bottom:2.5rem;width:250px}.classes-list-skeleton{list-style:none;margin:0;padding:0}.class-item-skeleton{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem .5rem}.class-item-skeleton:last-child{border-bottom:none}.skeleton-class-name{width:30%}.skeleton-class-date{width:50%}.skeleton-button,.skeleton-line,.skeleton-main-title,.skeleton-subtitle{animation:shimmer 1.5s linear infinite;background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5 40px,#e0e0e0 80px);background-size:200% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.become-tutor-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin-top:10rem;min-height:100vh;padding:2rem 5%}.become-tutor-container .intro-section{animation:fadeInUp .8s ease-out forwards;animation-delay:.2s;background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #f04f541a;border-radius:20px;box-shadow:0 20px 50px #00000026;margin-bottom:4rem;opacity:0;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.become-tutor-container .hero-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.become-tutor-container .hero-text{text-align:left}.become-tutor-container .hero-image{align-items:center;display:flex;justify-content:center}.become-tutor-container .hero-img{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;box-shadow:0 15px 35px #0000001a;height:auto;max-width:500px;min-height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.become-tutor-container .hero-img:hover{transform:scale(1.02)}.become-tutor-container .intro-section:before{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);content:"";height:4px;left:0;position:absolute;right:0;top:0}.become-tutor-container .intro-section h1{-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.become-tutor-container .hero-text>p,.become-tutor-container .intro-section>p{color:#64748b;font-size:1.3rem;line-height:1.6;margin-bottom:3rem;max-width:600px}.become-tutor-container .hero-text>p{margin-left:0;margin-right:0}.apply-button-main{align-items:center;background:linear-gradient(135deg,#f04f54,#f6e43a);border:none;border-radius:12px;box-shadow:0 8px 25px #f04f544d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;margin:0 auto;min-height:60px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-align:center;transition:all .3s ease;white-space:nowrap}.apply-button-main:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.apply-button-main:hover:before{left:100%}.apply-button-main:hover{background:linear-gradient(135deg,#f6e43a,#f04f54);box-shadow:0 12px 35px #f04f5466;transform:translateY(-3px)}.subtitle{color:#64748b;font-size:1rem;font-style:italic;margin-top:2rem}.reasons-section{margin-bottom:4rem;text-align:center}.reasons-section h2{animation:fadeInUp .8s ease-out forwards;animation-delay:.4s;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:4rem;opacity:0}.reasons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.reason{animation:slideInUp .6s ease-out forwards;background:#fff;background-clip:padding-box;border-radius:16px;border-top:4px solid #0000;box-shadow:0 10px 30px #00000014;opacity:0;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.reason:first-child{animation-delay:.6s}.reason:nth-child(2){animation-delay:.7s}.reason:nth-child(3){animation-delay:.8s}.reason:nth-child(4){animation-delay:.9s}.reason:nth-child(5){animation-delay:1s}.reason:nth-child(6){animation-delay:1.1s}.reason:before{background:linear-gradient(135deg,#f04f54,#f6e43a);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.reason:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.reason-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.reason-icon img{border-radius:50%;box-shadow:0 8px 20px #0000001a;height:100px;transition:transform .3s ease;width:100px}.reason:hover .reason-icon img{transform:scale(1.1)}.reason h3{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.reason p{color:#64748b;font-size:1rem;line-height:1.6}.requirements-section{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border:1px solid #5349ea1a;border-radius:20px;box-shadow:0 15px 40px #0000001a;margin-bottom:4rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.requirements-section:before{background:linear-gradient(90deg,#5349ea 0,#33c2a4 50%,#5349ea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.requirements-section h2{animation:fadeInUp .8s ease-out forwards;animation-delay:.6s;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:3rem;opacity:0}.requirements-list{list-style:none;margin:0 auto;max-width:800px;padding:0;text-align:left}.requirements-list li{animation:slideInUp .6s ease-out forwards;background:#fff;border-left:4px solid #5349ea;border-radius:12px;box-shadow:0 5px 15px #0000000d;color:#475569;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;opacity:0;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.requirements-list li:first-child{animation-delay:.8s}.requirements-list li:nth-child(2){animation-delay:.9s}.requirements-list li:nth-child(3){animation-delay:1s}.requirements-list li:nth-child(4){animation-delay:1.1s}.requirements-list li:nth-child(5){animation-delay:1.2s}.requirements-list li:nth-child(6){animation-delay:1.3s}.requirements-list li:hover{border-left-color:#33c2a4;box-shadow:0 8px 25px #0000001a;transform:translateX(8px)}.requirements-list li strong{color:#1e293b;font-weight:600}.tutor-application-form{align-items:center;animation:fadeInModal .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:10000}.tutor-application-form-content{animation:bounceInModal .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.tutor-application-form-content:before{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.close-form-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.close-form-btn:hover{background:#f04f541a;color:#f04f54;transform:rotate(90deg)}.tutor-application-form-content h2{-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.tutor-application-form-content form{display:flex;flex-direction:column;gap:1.5rem}.tutor-application-form-content input,.tutor-application-form-content textarea{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;padding:1.2rem;transition:all .3s ease}.tutor-application-form-content input:focus,.tutor-application-form-content textarea:focus{background-color:#fff;border-color:#5349ea;box-shadow:0 0 0 3px #5349ea1a;outline:none;transform:translateY(-2px)}.tutor-application-form-content textarea{min-height:120px;resize:vertical}.tutor-application-form-content button[type=submit]{background:linear-gradient(135deg,#33c2a4,#2ba890);border:none;border-radius:12px;box-shadow:0 8px 25px #33c2a44d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:1rem;padding:1.5rem;transition:all .3s ease}.tutor-application-form-content button[type=submit]:hover{background:linear-gradient(135deg,#2ba890,#33c2a4);box-shadow:0 12px 35px #33c2a466;transform:translateY(-3px)}.video-instructions{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:4px solid #f6e43a;border-radius:8px;color:#64748b;font-size:.9rem;margin:.5rem 0;padding:1rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}50%{opacity:1;transform:scale(1.02) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes bounceInModal{0%{transform:scale(.6) translateY(-50px)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media only screen and (max-width:768px){.apply-button-main{display:block;font-size:1.1rem;margin:0 auto;max-width:280px;padding:1rem 2rem;width:100%}.become-tutor-container .hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.become-tutor-container .hero-text{text-align:center}.tutor-application-form-content{margin:1rem;max-height:calc(100vh - 2rem);padding:1.5rem}.become-tutor-container .intro-section h1{font-size:2.2rem;line-height:1.3}.become-tutor-container .hero-text>p{font-size:1.1rem}}@media only screen and (max-width:480px){.apply-button-main{font-size:1rem;padding:1rem 1.5rem;width:100%}.tutor-application-form-content{border-radius:12px;margin:.5rem;padding:1rem}.become-tutor-container .intro-section h1{font-size:1.8rem}.become-tutor-container .hero-text>p{font-size:1rem;margin-bottom:2rem}.subtitle{font-size:.9rem}}.become-tutor-container .hero-img[src*=placeholder]{filter:blur(2px);transition:filter .3s ease}.become-tutor-container .hero-img:not([src*=placeholder]){filter:none}.submit-button{background:linear-gradient(135deg,#5349ea,#33c2a4);border:none;border-radius:8px;box-shadow:0 4px 15px #5349ea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#33c2a4,#5349ea);box-shadow:0 6px 20px #5349ea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.stats-container{box-shadow:none!important;color:#212529!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;margin:0 auto!important;max-width:1200px!important;min-height:100vh!important;overflow:visible!important;padding:200px 5% 2rem!important;position:relative!important}.stats-header{margin-bottom:3rem;text-align:center}.stats-header h1{color:#212529;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stats-subtitle{color:#6c757d;font-size:1.1rem;margin:0}.stats-container .stats-section{background:#fff!important;border:1px solid #e9ecef!important;border-radius:16px!important;box-shadow:none!important;margin-bottom:2rem!important;overflow:visible!important;padding:2rem!important;position:relative!important}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:#212529;font-size:1.5rem;font-weight:600;margin:0}.section-subtitle{color:#6c757d;font-size:.9rem;margin:0}.month-selector{align-items:center;display:flex;gap:1rem}.month-nav-btn{background:#5349ea;border:1px solid #5349ea;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem .75rem;transition:all .2s ease}.month-nav-btn:hover{background:#272660;border-color:#272660}.selected-month{color:#495057;font-size:1.1rem;font-weight:600;min-width:150px;text-align:center}.month-loading{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem;justify-content:center}.month-spinner{animation:month-spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#5349ea;height:16px;width:16px}@keyframes month-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-container .month-nav-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem;overflow:visible;position:relative}.lifetime-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-container .stat-card{align-items:center!important;background:#fff!important;border:1px solid #e9ecef!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;gap:1rem!important;overflow:visible!important;padding:1.5rem!important;position:relative!important;transition:all .3s ease!important}.stats-container .stat-card:hover{box-shadow:none!important;transform:translateY(-2px)!important}.stats-container .stat-card:before{content:""!important;height:4px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.stats-container .earnings-card:before,.stats-container .stat-card:before,.stats-container .total-card:before{background:linear-gradient(90deg,#272660 0,#5349ea 17.56%,#cdcaff 32.82%,#f04f54 42.75%,#f6e43a 54.2%,#eceaff 64.89%,#95f5f1 75.57%,#33c2a4)!important}.stat-icon{align-items:center;background:#f04f540d;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-number{color:#212529;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{align-items:center;color:#6c757d;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.payment-info{position:relative}.info-icon{align-items:center;background:#5349ea;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;transition:all .2s ease;width:16px}.info-icon:hover{background:#272660;transform:scale(1.1)}.monthly-classes-section{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem}.monthly-classes-section h3{color:#212529;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.monthly-classes-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.monthly-class-item{align-items:center;background:#0000;border-bottom:1px solid #e9ecef;border-left:3px solid #0000;border-radius:0;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.monthly-class-item:hover{background:#5349ea0d;border-left-color:#5349ea}.monthly-class-item.completed{border-left-color:#28a745}.monthly-class-item.scheduled{border-left-color:#ffc107}.class-info{flex:1 1}.class-student{color:#212529;font-size:.9rem;font-weight:600;margin-bottom:.125rem}.class-date-time{color:#6c757d;font-size:.8rem}.class-earnings{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.earnings-amount{color:#212529;font-size:.95rem;font-weight:700}.earnings-status{border-radius:10px;font-size:.7rem;font-weight:500;letter-spacing:.3px;padding:.2rem .4rem;text-transform:uppercase}.earnings-status.earned{background:#28a7451a;color:#28a745}.earnings-status.pending{background:#ffc1071a;color:#e67e22}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-container .insight-card{background:#fff!important;border:1px solid #e9ecef!important;border-radius:12px!important;box-shadow:none!important;padding:1.5rem!important;text-align:center!important;transition:all .3s ease!important}.stats-container .insight-card:hover{box-shadow:none!important;transform:translateY(-2px)!important}.insight-title{color:#6c757d;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.insight-value{color:#212529;font-size:1.5rem;font-weight:600}.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#f04f54;height:50px;margin-bottom:1rem;width:50px}.error-message{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:2rem;text-align:center}.error-message p{color:#dc3545;font-size:1.1rem;margin-bottom:1rem}.retry-button{background:#f04f54;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#d84348;transform:translateY(-1px)}@media (max-width:768px){.stats-container{padding:120px 1rem 1rem}.stats-header h1{font-size:2rem}.stats-section{padding:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.month-selector{justify-content:center;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-number{font-size:1.5rem}.insights-grid{grid-template-columns:1fr}.monthly-classes-list{max-height:250px}.monthly-class-item{align-items:flex-start;flex-direction:column;gap:.4rem;padding:.6rem .75rem}.class-earnings{align-items:flex-start;flex-direction:row;gap:.5rem}}@media (max-width:480px){.stats-container{padding:100px .5rem 1rem}.stats-header h1{font-size:1.75rem}.stats-section{margin-bottom:1.5rem;padding:1rem}.stat-card{flex-direction:column;padding:1rem;text-align:center}.stat-icon{margin-bottom:.5rem}.month-nav-btn{background:#5349ea;color:#fff;font-size:1rem;padding:.4rem .6rem}.month-loading{font-size:.8rem}.month-spinner{height:14px;width:14px}.selected-month{font-size:1rem;min-width:120px}.monthly-classes-section h3{font-size:1.1rem}.monthly-class-item{padding:.6rem .75rem}.class-date-time{font-size:.85rem}.class-student{font-size:.8rem}.earnings-amount{font-size:.9rem}.stat-label{align-items:flex-start;flex-direction:column;gap:.25rem}.info-icon{font-size:10px;height:14px;width:14px}}.info-tooltip-container{display:inline-block;margin-left:8px;position:relative}.credit-info-circle{align-items:center;background-color:#5349ea;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;position:relative;width:16px}.info-tooltip{background-color:#333;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #00000040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;max-width:300px;padding:10px 14px;transition:opacity .2s ease}.credit-info-circle[title]:hover:before,.info-tooltip{word-wrap:break-word;color:#fff;text-align:center;white-space:nowrap}.credit-info-circle[title]:hover:before{animation:tooltipFadeIn .2s ease-out;background-color:#000000e6;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #0000004d;content:attr(title);font-size:13px;left:50%;max-width:280px;padding:12px 16px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);white-space:normal;z-index:999999}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.stats-container .stat-content,.stats-container .stat-label{overflow:visible!important;position:relative!important}.grammar-practice-container{box-sizing:border-box;margin-top:6rem;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-top:80px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.grammar-practice-container .category-menu-close,.grammar-practice-container .category-menu-header{display:none}.language-selection-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:500}.language-selection-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:501}.language-selection-content{background:#fff;border:1px solid #eceaff;border-radius:16px;box-shadow:0 20px 60px #00000040;margin:20rem auto;max-width:900px;padding:2rem 2rem 1.5rem;position:relative;width:90%;z-index:502}.language-intro{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 0 20px}.intro-message{color:#000;font-size:1.25rem;font-weight:700;opacity:0;text-align:center;transform:translateY(6px)}.intro-message.visible{opacity:1;transform:translateY(0)}.intro-loader{animation:spin 1s linear infinite;border:4px solid #5349ea40;border-radius:50%;border-top-color:#5349ea;height:60px;margin-top:10px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.language-selection-close{display:none}.language-selection-title{color:#000;font-family:Montserrat,sans-serif;font-size:2rem;margin:0 0 .25rem;text-align:center}.language-selection-subtitle{color:#555;font-family:Raleway,sans-serif;font-size:1.1rem;margin:0 0 1.5rem;text-align:center}.language-selection-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;justify-items:center;margin:0 auto;max-width:100%}.language-selection-card{border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#fff;cursor:pointer;font-weight:600;max-width:300px;padding:24px 20px;text-align:left;width:100%}.language-card-inner{align-items:center;display:flex;gap:16px;justify-content:flex-start}.language-icon-wrap{align-items:center;background:#fff3;border-radius:12px;display:inline-flex;height:64px;justify-content:center;padding:8px;position:relative;width:64px}.language-icon-halo{background:#fffffffa;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));inset:0;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:92% 92%;mask-size:92% 92%;position:absolute}.language-icon{filter:brightness(0) invert(1);height:48px;object-fit:contain;width:48px}.language-name-text{color:#fff;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700}.language-selection-footer{display:flex;justify-content:center;margin-top:1.5rem}.coming-soon-text{color:#888;font-family:Raleway,sans-serif;font-size:1rem;font-style:italic;text-align:center}.grammar-practice-content{animation:fadeIn .5s ease-in;box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem}.grammar-practice-content.with-sidebar{margin-left:320px;max-width:calc(100% - 360px)}.practice-header{margin-bottom:3rem;text-align:center}.practice-title{word-wrap:break-word;color:#000;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;margin:0 0 .5rem;overflow-wrap:break-word}.practice-subtitle{color:#666;font-family:Raleway,sans-serif;font-size:1.2rem;margin:0}.practice-body{display:flex;flex-direction:column;gap:3rem}.practice-section{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;box-sizing:border-box;overflow-x:hidden;padding:2.5rem}.section-title{word-wrap:break-word;color:#000;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;overflow-wrap:break-word}.practice-section .section-subtitle{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;margin:-1rem 0 1.5rem;text-align:left}.practice-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.level-topics-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-top:2rem;padding:1.5rem}.level-topics-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.level-topics-header h3{color:#111827;font-family:Montserrat,sans-serif;font-size:1.25rem;margin:0}.level-topics-clear{background:#0000;border:1px solid #d1d5db;border-radius:999px;color:#4b5563;cursor:pointer;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600;padding:.35rem .9rem;transition:all .2s ease}.level-topics-clear:hover{border-color:#5349ea;color:#5349ea}.level-topics-placeholder{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;margin:0}.level-topic-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.level-topic-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;padding:.85rem 1rem}.level-topic-info,.level-topic-item{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.topic-pill{border-radius:999px;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.topic-pill-tenses{background:#5349ea26;color:#4338ca}.topic-pill-vocabulary{background:#ec48992e;color:#be185d}.topic-pill-grammar{background:#3b82f629;color:#1d4ed8}.topic-pill-exercises{background:#06b6d42e;color:#0e7490}.level-topic-name{color:#111827;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600}.level-topic-level{color:#6b7280;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600}.level-topic-open{background:#5349ea;border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;padding:.35rem .9rem;transition:all .2s ease}.level-topic-open:hover{box-shadow:0 4px 12px #5349ea4d;transform:translateY(-2px)}.practice-card{border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative}.practice-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.practice-card.level-selected{border:2px solid #fff9;box-shadow:0 12px 24px #00000040;transform:translateY(-6px)}.card-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.level-a1,.level-a2{background:linear-gradient(135deg,#22c55ed9,#10b981f2);border:2px solid #22c55ee6;color:#fff}.level-b1,.level-b2{background:linear-gradient(135deg,#f04f54d9,#ef4444f2);border:2px solid #f04f54e6;color:#fff}.level-c1,.level-c2{background:linear-gradient(135deg,#ffd60ad9,#f59e0bf2);border:2px solid #f59e0be6;color:#fff}.card-level{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0003}.card-description{font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;opacity:.95}.category-tenses{background:linear-gradient(135deg,#5349ead9,#6b5fedf2);border:2px solid #5349eae6;color:#fff}.category-verbs{background:linear-gradient(135deg,#3b82f6d9,#2563ebf2);border:2px solid #3b82f6e6;color:#fff}.category-vocabulary{background:linear-gradient(135deg,#ec4899d9,#db2777f2);border:2px solid #ec4899e6;color:#fff}.category-grammar{background:linear-gradient(135deg,#8b5cf6d9,#7c3aedf2);border:2px solid #8b5cf6e6;color:#fff}.category-exercises{background:linear-gradient(135deg,#06b6d4d9,#0891b2f2);border:2px solid #06b6d4e6;color:#fff}.card-name{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 4px #0003}.category-exercises .card-description,.category-grammar .card-description,.category-tenses .card-description,.category-verbs .card-description,.category-vocabulary .card-description{font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;opacity:.95}.tenses-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tense-card{align-items:center;border-radius:14px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;overflow:hidden;padding:1.5rem 1.25rem;position:relative;text-align:center}.tense-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.tense-indicative{background:linear-gradient(135deg,#3b82f6d9,#2563ebf2);border:2px solid #3b82f6e6;color:#fff}.tense-subjunctive{background:linear-gradient(135deg,#8b5cf6d9,#7c3aedf2);border:2px solid #8b5cf6e6;color:#fff}.tense-imperative{background:linear-gradient(135deg,#ec4899d9,#db2777f2);border:2px solid #ec4899e6;color:#fff}.tense-name{margin:0;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.tense-subtitle{font-size:.85rem;font-weight:500;margin-top:.35rem;opacity:.9}.tense-conjugation,.tense-subtitle{font-family:Raleway,sans-serif;font-style:italic;position:relative;z-index:1}.tense-conjugation{font-size:.8rem;font-weight:600;line-height:1.4;margin-top:.5rem;opacity:.85}.intro-button{grid-column:1/-1;min-height:auto;opacity:.7;padding:2rem 1.5rem}.intro-button .tense-name{font-size:1rem;font-weight:600}.intro-button.tense-indicative{background:linear-gradient(135deg,#3b82f699,#2563ebb3);border:2px solid #3b82f6b3}.intro-button.tense-subjunctive{background:linear-gradient(135deg,#8b5cf699,#7c3aedb3);border:2px solid #8b5cf6b3}.intro-button.tense-imperative{background:linear-gradient(135deg,#ec489999,#db2777b3);border:2px solid #ec4899b3}.intro-button:hover{opacity:.85;transform:translateY(-4px)}.coming-soon-message{background:linear-gradient(135deg,#5349ea0d,#6b5fed14);border-radius:16px;margin:2rem 0;padding:4rem 2rem;text-align:center}.coming-soon-message h3{color:#272660;font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.coming-soon-message p{color:#666;font-family:Raleway,sans-serif;font-size:1.1rem;margin:0}.category-intro{background:#5349ea08;border-left:4px solid #5349ea;border-radius:12px;padding:2rem}.category-intro p{color:#444;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.6;margin:0}.card-icon{font-size:2.5rem;margin-bottom:.75rem}.subcategory-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.subcategory-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.subcategory-card:before{content:"";height:4px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.subcategory-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.subcategory-card:hover:before{height:100%;opacity:.05}.level-badge-stack{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;position:absolute;right:.75rem;top:.75rem}.level-badge-inline{align-items:center;display:flex;gap:.25rem}.level-badge{align-items:center;background:#e5e7eb;border:1px solid #11182726;border-radius:999px;color:#111827;display:inline-flex;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;gap:.25rem;justify-content:center;letter-spacing:.05em;padding:.2rem .65rem;text-transform:uppercase}.level-badge.level-badge-a{background:#22c55e26;border-color:#22c55e4d;color:#15803d}.level-badge.level-badge-b{background:#f9731626;border-color:#f973164d;color:#c2410c}.level-badge.level-badge-c{background:#eab30826;border-color:#eab3084d;color:#a16207}.level-badge.level-badge-menu{margin-left:0}.subcategory-name{color:#272660;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.subcategory-desc{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic}.subcategory-icon{font-size:2rem;margin-bottom:.75rem}.subcategory-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem}.indicative-card:before{background:linear-gradient(135deg,#5349ea,#6b5fed)}.indicative-card:hover{border-color:#5349ea4d}.subjunctive-card:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.subjunctive-card:hover{border-color:#8b5cf64d}.imperative-card:before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.imperative-card:hover{border-color:#f59e0b4d}.vocabulary-card:before{background:linear-gradient(135deg,#ec4899,#f472b6)}.vocabulary-card:hover{border-color:#ec48994d}.vocabulary-card.active-available{background:linear-gradient(135deg,#22c55e0d,#22c55e05);border-color:#22c55e}.grammar-card:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.grammar-card:hover{border-color:#3b82f64d}.exercises-card:before{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.exercises-card:hover{border-color:#06b6d44d}@media (max-width:1024px){.grammar-practice-container{margin-top:5rem;padding-top:60px}.grammar-practice-content{padding:1.5rem}.grammar-practice-content.with-sidebar{margin-left:0;max-width:100%;padding-top:1.5rem}.practice-title{font-size:2.5rem}.practice-subtitle{font-size:1.1rem}}@media (max-width:768px){.grammar-practice-container{margin-top:4rem;min-height:auto;padding-top:40px}.language-selection-content{margin:2rem 1rem;max-width:100%;padding:1.5rem 1rem 1rem;width:calc(100% - 2rem)}.language-selection-grid{gap:12px;grid-template-columns:1fr}.language-selection-close{display:none}.language-selection-card{max-width:80%;padding:20px 18px}.intro-message,.language-name-text{font-size:1.1rem}.intro-loader{height:50px;width:50px}.language-selection-title{font-size:1.5rem}.language-selection-subtitle{font-size:1rem}.grammar-practice-content{max-width:100%;overflow-x:hidden;padding:1rem}.grammar-practice-content.with-sidebar{margin-left:0;max-width:100%;padding-top:1rem}.practice-header{margin-bottom:2rem}.practice-title{word-wrap:break-word;font-size:2rem}.practice-subtitle{font-size:1rem}.practice-body{gap:1.5rem}.practice-section{border-radius:16px;padding:1.5rem}.section-title{word-wrap:break-word;font-size:1.4rem}.levels-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.categories-grid{gap:1rem;grid-template-columns:1fr}.practice-card{padding:1.5rem 1rem}.card-level{font-size:2rem}.card-description{font-size:.9rem}.card-name{font-size:1.2rem}.tenses-grid{gap:1rem;grid-template-columns:1fr}.tense-card{min-height:90px;padding:1.25rem 1rem}.tense-name{font-size:1rem}.tense-subtitle{font-size:.75rem}.tense-conjugation{font-size:.7rem;margin-top:.4rem}}@media (max-width:480px){.grammar-practice-container{margin-top:3.5rem;padding-top:30px}.grammar-practice-content.with-sidebar{padding-top:.75rem}.language-selection-content{margin:1.5rem .75rem;padding:1.25rem .75rem;width:calc(100% - 1.5rem)}.language-icon-wrap{height:48px;padding:6px;width:48px}.language-icon{height:36px;width:36px}.language-card-inner{gap:12px}.language-selection-title{font-size:1.3rem}.language-selection-subtitle{font-size:.95rem}.grammar-practice-content{margin-top:4rem;padding:.75rem}.practice-title{font-size:1.75rem}.practice-subtitle{font-size:.95rem}.practice-section{border-radius:12px;padding:1rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.categories-grid,.levels-grid,.tenses-grid{gap:.75rem;grid-template-columns:1fr}.practice-card{padding:1.25rem .875rem}.card-level{font-size:1.75rem}.card-description,.card-name{font-size:1rem}.tense-card{min-height:80px;padding:1rem .875rem}.tense-name{font-size:.95rem}.tense-subtitle{font-size:.7rem}.tense-conjugation{font-size:.65rem;margin-top:.35rem}.subcategory-grid{gap:1rem;grid-template-columns:1fr}.subcategory-card{padding:1.25rem}.subcategory-name{font-size:1rem}.subcategory-desc{font-size:.85rem}}@media (max-width:360px){.grammar-practice-container{margin-top:3rem;padding-top:20px}.grammar-practice-content.with-sidebar{padding-top:.75rem}.language-selection-content{margin:1rem .5rem;padding:1rem .5rem}.practice-title{font-size:1.5rem}.section-title{font-size:1.15rem}.card-level{font-size:1.5rem}}.floating-menu-desktop{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;box-sizing:border-box;left:2rem;max-height:calc(100vh - 180px);overflow-x:hidden;overflow-y:auto;position:fixed;top:140px;width:300px;z-index:50}.floating-menu-mobile-panel{background:#fff;box-shadow:2px 0 10px #0003;height:100vh;left:-100%;max-width:400px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:85%;z-index:1000}.floating-menu-mobile-panel.open{left:0}.floating-menu-content{box-sizing:border-box;padding:1.5rem}.menu-section{margin-bottom:1.5rem}.menu-section:last-child{margin-bottom:0}.menu-section-title{color:#666;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 .75rem;padding:0 .5rem;text-transform:uppercase}.menu-list{list-style:none;margin:0;padding:0}.menu-category-wrapper{margin-bottom:.5rem}.menu-item{align-items:center;border-radius:10px;display:flex;overflow:hidden;position:relative;transition:all .3s ease}.menu-item:hover{background:#5349ea14}.menu-item.active{background:linear-gradient(135deg,#5349ea1f,#6b5fed26);border-left:3px solid #5349ea}.menu-item.active .menu-item-clickable{padding-left:11px}.menu-item.expanded{background:#5349ea1a}.menu-item-clickable{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:12px 14px;transition:all .2s ease}.menu-item-clickable:hover{transform:translateX(2px)}.menu-item-icon{flex-shrink:0;font-size:1.2rem}.menu-item-name{color:#272660;flex:1 1;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600}.menu-item-arrow{align-items:center;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;justify-content:center;padding:12px 14px;transition:all .2s ease}.menu-item-arrow:hover{background:#5349ea1a;color:#5349ea}.menu-item.expanded .menu-item-arrow{transform:rotate(0deg)}.menu-subcategory-list{animation:slideDown .3s ease;list-style:none;margin:0;padding:.5rem 0 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-subcategory-section{margin-bottom:.75rem}.subcategory-section-title{color:#5349ea;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;padding:6px 14px;text-transform:uppercase}.menu-subitem-list{list-style:none;margin:0;padding:0}.menu-subitem{border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;margin-bottom:2px;padding:8px 14px 8px 28px;transition:all .2s ease}.menu-subitem:hover{background:#5349ea0f;transform:translateX(4px)}.menu-subitem.active{background:#5349ea26;border-left:2px solid #5349ea;padding-left:26px}.subitem-name{color:#272660;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500}.subitem-top-row{align-items:center;display:flex;gap:.4rem}.subitem-top-row .level-badge-inline{display:inline-flex;gap:.25rem;margin-left:auto}.subitem-top-row .level-badge-inline .level-badge{font-size:.65rem;padding:.15rem .5rem}.subitem-description{color:#888;font-family:Raleway,sans-serif;font-size:.75rem;font-style:italic;font-weight:400}.floating-menu::-webkit-scrollbar{width:6px}.floating-menu::-webkit-scrollbar-track{background:#0000}.floating-menu::-webkit-scrollbar-thumb{background:#5349ea4d;border-radius:3px}.floating-menu::-webkit-scrollbar-thumb:hover{background:#5349ea80}@media (max-width:1200px){.floating-menu{left:1rem;top:120px;width:260px}.floating-menu-content{padding:1rem}.menu-item-name{font-size:.9rem}.subitem-name{font-size:.8rem}.subitem-description{font-size:.7rem}.menu-section-title{font-size:.85rem}}@media (max-width:1024px){.floating-menu-desktop{display:none}}@media (min-width:1025px){.floating-menu-mobile-panel{display:none}}.category-mobile-nav{display:none}@media (max-width:1024px){.category-mobile-nav{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;display:block;left:0;margin-top:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease;z-index:400}.category-mobile-nav.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.category-nav-content{align-items:center;display:flex;gap:1rem;max-width:100%;padding:1rem 1.5rem}.category-nav-hamburger{color:#272660;cursor:pointer;font-size:1.75rem;line-height:1;padding:.25rem;transition:color .2s ease}.category-nav-hamburger:hover{color:#5349ea}.category-nav-title{color:#272660;flex:1 1;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700}.category-menu-panel{background:#fff;box-shadow:2px 0 12px #00000026;height:100vh;left:-100%;max-width:320px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease-in-out;width:80%;z-index:600}.category-menu-panel.open{left:0;margin-top:0}.category-menu-close{color:#666;cursor:pointer;font-size:2.5rem;line-height:1;position:absolute;right:1.5rem;top:1rem;transition:color .2s ease;z-index:10}.category-menu-close:hover{color:#272660}.category-menu-header{border-bottom:2px solid #f0f0f0;padding:2rem 1.5rem 1rem}.category-menu-header h3{color:#272660;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0}.category-menu-backdrop{animation:fadeIn .3s ease;background:#00000080;bottom:0;height:100vh;left:0;margin-top:0;position:fixed;right:0;top:0;z-index:550}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.category-menu-panel .floating-menu{border-radius:0;box-shadow:none;display:block!important;margin:0;max-height:none;position:static;width:100%}.category-menu-panel .floating-menu-content{padding:1.5rem}}@media (max-width:768px){.category-nav-content{padding:.875rem 1.25rem}.category-nav-hamburger{font-size:1.5rem}.category-nav-title{font-size:1rem}.category-menu-panel{max-width:300px;width:85%}.category-menu-header{padding:1.75rem 1.25rem .875rem}.category-menu-header h3{font-size:1.2rem}.category-menu-panel .floating-menu-content{padding:1.25rem}}@media (max-width:480px){.category-nav-content{padding:.75rem 1rem}.category-nav-hamburger{font-size:1.4rem}.category-nav-title{font-size:.95rem}.category-menu-panel{max-width:280px;width:90%}.category-menu-close{font-size:2.25rem;right:1.25rem;top:.75rem}.category-menu-header{padding:1.5rem 1rem .75rem}.category-menu-header h3{font-size:1.1rem}.category-menu-panel .floating-menu-content{padding:1rem}}@media (max-width:360px){.category-nav-content{padding:.625rem .875rem}.category-nav-hamburger{font-size:1.3rem}.category-nav-title{font-size:.9rem}.category-menu-panel{width:95%}.category-menu-header h3{font-size:1rem}}.conjugation-table-container.special{margin:0 auto;max-width:400px}.irregular-category-title.third-person{color:#ec4899}.irregular-category-title.vowel-change{color:#10b981}.irregular-category-title.only-three{color:#f04f54}.uses-section{background:linear-gradient(135deg,#8b5cf60d,#7c3aed1a);border-left:4px solid #8b5cf6}.use-category{background:#fff9;border:2px solid #8b5cf633;border-radius:12px;margin:2rem 0;padding:1.5rem}.use-title{color:#8b5cf6;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin:0 0 1rem}.use-description{color:#555;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1rem;text-align:justify}.use-examples{margin-top:1rem}.use-example{color:#272660;font-size:1.1rem;font-weight:600;margin:1rem 0 .25rem}.use-example,.use-translation{font-family:Raleway,sans-serif}.use-translation{color:#666;font-size:1rem;font-style:italic;margin:0 0 1rem}.recommendation-section{background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a);border-left:4px solid #f59e0b}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1.05rem}.conjugation-tables{gap:1.25rem;grid-template-columns:1fr}.use-title{font-size:1.3rem}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.verb-title{font-size:1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:320px}.irregular-category-title{flex-wrap:wrap;font-size:1.25rem}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.use-category{margin:1.5rem 0;padding:1.25rem}.use-title{font-size:1.2rem}.use-description{font-size:1rem;text-align:left}.use-example{font-size:1rem}.use-translation{font-size:.95rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-title,.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.conjugation-table th{font-size:.8rem}.endings-table{min-width:300px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.irregular-category-title{font-size:1.15rem}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.use-category{padding:1rem}.use-title{font-size:1.1rem}.use-description,.use-example{font-size:.95rem}.use-translation{font-size:.9rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text{font-size:.9rem}.conjugation-table{min-width:240px}.conjugation-table td,.conjugation-table th{font-size:.8rem;padding:5px 3px}.irregular-category-title{font-size:1.05rem}.examples-list li{font-size:.9rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}.use-title{font-size:1rem}.use-description,.use-example{font-size:.9rem}.use-translation{font-size:.85rem}}.history-section{background:linear-gradient(135deg,#3b82f60d,#2563eb1a);border-left:4px solid #3b82f6}.history-explanation{margin-top:1.5rem}.history-subtitle{color:#3b82f6;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin:1.5rem 0 1rem}.evolution-steps{align-items:center;display:flex;flex-direction:column;margin:2rem auto;max-width:600px}.evolution-step{align-items:center;background:#fffc;border:2px solid #3b82f64d;border-radius:12px;display:flex;gap:1.5rem;padding:1.25rem;width:100%}.step-number{background:#3b82f61a;color:#3b82f6;flex-shrink:0;font-family:Montserrat,sans-serif;font-size:2rem;height:50px;width:50px}.step-content{flex:1 1}.step-spanish{color:#272660;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.step-translation{color:#666;font-family:Raleway,sans-serif;font-size:1rem;font-style:italic;margin:0}.evolution-arrow{color:#3b82f6;font-size:2rem;margin:.5rem 0}.history-comparison{background:#fff9;border:2px solid #3b82f633;border-radius:12px;margin-top:2rem;padding:1.5rem}.comparison-title{color:#3b82f6;font-size:1.3rem;margin:0 0 1rem}.comparison-table{border-collapse:collapse;font-family:Raleway,sans-serif;margin:0 auto;max-width:600px;width:100%}.comparison-table thead{background:#3b82f6;color:#fff}.comparison-table th{font-size:1rem;font-weight:600;padding:12px;text-align:center}.comparison-table tbody tr{border-bottom:1px solid #e9ecef}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table td{font-size:1rem;padding:10px 12px;text-align:center}.comparison-table td strong{color:#3b82f6;font-weight:700}.irregular-category-title.shortened-stem{color:#f59e0b}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1.05rem}.conjugation-tables{gap:1.25rem;grid-template-columns:1fr}.history-subtitle{font-size:1.3rem}.step-spanish{font-size:1.2rem}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.verb-title{font-size:1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:300px}.irregular-category-title{flex-wrap:wrap;font-size:1.25rem}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.history-subtitle{font-size:1.2rem}.evolution-step{gap:1rem;padding:1rem}.step-number{font-size:1.5rem;height:40px;width:40px}.step-spanish{font-size:1.1rem}.step-translation{font-size:.95rem}.evolution-arrow{font-size:1.5rem}.comparison-title{font-size:1.15rem}.comparison-table{font-size:.9rem}.comparison-table td,.comparison-table th{font-size:.9rem;padding:8px 6px}.history-comparison{padding:1rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-title,.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.conjugation-table th{font-size:.8rem}.endings-table{min-width:280px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.irregular-category-title{font-size:1.15rem}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.history-subtitle{font-size:1.1rem}.evolution-step{flex-direction:column;gap:.75rem;padding:.875rem;text-align:center}.step-number{font-size:1.3rem;height:35px;width:35px}.step-spanish{font-size:1rem}.step-translation{font-size:.9rem}.comparison-title{font-size:1.05rem}.comparison-table td,.comparison-table th{font-size:.8rem;padding:6px 4px}.history-comparison{padding:.875rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text{font-size:.9rem}.conjugation-table{min-width:240px}.conjugation-table td,.conjugation-table th{font-size:.8rem;padding:5px 3px}.irregular-category-title{font-size:1.05rem}.examples-list li{font-size:.9rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}.history-subtitle{font-size:1rem}.step-spanish{font-size:.95rem}.step-translation{font-size:.85rem}.comparison-table td,.comparison-table th{font-size:.75rem;padding:5px 3px}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:280px}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.combo-note,.time-reference-note{padding:1.25rem}.note-title{font-size:1.15rem}.example-sentence{font-size:1.1rem}.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}.participle-grid{gap:.875rem;grid-template-columns:1fr}.participle-card{padding:1rem}.participle-infinitive{font-size:1.1rem}.participle-form{font-size:1.2rem}.examples-subtitle{font-size:1.15rem}.double-participle-grid{grid-template-columns:1fr}.double-participle-item{padding:1.25rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.endings-table{min-width:260px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.combo-note,.time-reference-note{padding:1rem}.note-title{font-size:1.05rem}.example-sentence{font-size:1rem}.example-explanation{font-size:.95rem}.example-note{font-size:.9rem}.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example,.participle-infinitive{font-size:1rem}.participle-form{font-size:1.1rem}.participle-translation{font-size:.9rem}.examples-subtitle,.verb-infinitive{font-size:1.05rem}.participle-option{font-size:1rem}}.usage-note{background:linear-gradient(135deg,#8b5cf60d,#7c3aed1a);border:2px solid #8b5cf64d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.time-reference-note{background:linear-gradient(135deg,#f59e0b0d,#d977061a);border:2px solid #f59e0b4d;margin:1.5rem 0}.note-title{color:#f59e0b}.usage-note .note-title{color:#8b5cf6}.time-reference-example{background:#fffc;border-left:4px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem}.example-sentence{color:#272660;font-size:1.2rem;font-weight:700}.example-explanation{color:#666;font-family:Raleway,sans-serif;font-size:1rem;margin:0 0 .5rem}.example-note{color:#f59e0b}.combo-note{background:linear-gradient(135deg,#10b9810d,#0596691a);border:2px solid #10b9814d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.combo-note .note-title{color:#10b981}.alternative-note{background:linear-gradient(135deg,#3b82f60d,#2563eb1a);border:2px solid #3b82f64d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.alternative-note .note-title{color:#3b82f6}.alternative-examples{background:#fffc;border-left:4px solid #3b82f6;border-radius:8px;margin-top:1rem;padding:1rem}.alternative-example{color:#272660;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.alternative-translation{color:#666;font-family:Raleway,sans-serif;font-size:1rem;font-style:italic;margin:0}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:280px}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.alternative-note,.combo-note,.time-reference-note,.usage-note{padding:1.25rem}.note-title{font-size:1.15rem}.example-sentence{font-size:1.1rem}.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}.participle-grid{gap:.875rem;grid-template-columns:1fr}.participle-card{padding:1rem}.participle-infinitive{font-size:1.1rem}.participle-form{font-size:1.2rem}.examples-subtitle{font-size:1.15rem}.double-participle-grid{grid-template-columns:1fr}.double-participle-item{padding:1.25rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.endings-table{min-width:260px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.alternative-note,.combo-note,.time-reference-note,.usage-note{padding:1rem}.note-title{font-size:1.05rem}.example-sentence{font-size:1rem}.example-explanation{font-size:.95rem}.example-note{font-size:.9rem}.alternative-example{font-size:1rem}.alternative-translation{font-size:.95rem}.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example,.participle-infinitive{font-size:1rem}.participle-form{font-size:1.1rem}.participle-translation{font-size:.9rem}.examples-subtitle,.verb-infinitive{font-size:1.05rem}.participle-option{font-size:1rem}}.would-note{background:linear-gradient(135deg,#a855f70d,#9333ea1a);border:2px solid #a855f74d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.could-should-boxes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modal-title{margin:0 0 1rem}.modal-explanation{font-size:1rem;line-height:1.8;margin:.75rem 0 1rem}.modal-explanation strong{color:#272660;font-weight:700}.modal-examples{margin-top:1rem}.irregular-category-title.shortened-stem{color:#3b82f6}.irregular-category-title.d-stem{color:#8b5cf6}@media (max-width:768px){.would-note{padding:1.25rem}.note-title{font-size:1.15rem}.comparison-row{align-items:flex-start;flex-direction:column;gap:.5rem}.comparison-label{min-width:0;min-width:auto}.could-should-boxes{grid-template-columns:1fr}.modal-title{font-size:1.15rem}.modal-examples p,.modal-explanation{font-size:.95rem}}@media (max-width:480px){.would-note{padding:1rem}.note-title{font-size:1.05rem}.comparison-value{font-size:1rem}.modal-box{padding:1.25rem}.modal-title{font-size:1.05rem}.modal-explanation{font-size:.9rem}.modal-examples{padding:.875rem}.modal-examples p{font-size:.9rem}}.regional-note{background:linear-gradient(135deg,#3b82f60d,#2563eb1a);border:2px solid #3b82f64d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.regional-note-title{color:#3b82f6;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.irregular-category-title.participle-irregular{color:#ec4899}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1.05rem}.conjugation-tables{gap:1.25rem;grid-template-columns:1fr}.participle-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.double-participle-grid{grid-template-columns:1fr}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:280px}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.regional-note{padding:1.25rem}.regional-note-title{font-size:1.15rem}.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}.participle-grid{gap:.875rem;grid-template-columns:1fr}.participle-card{padding:1rem}.participle-infinitive{font-size:1.1rem}.participle-form{font-size:1.2rem}.examples-subtitle{font-size:1.15rem}.double-participle-grid{grid-template-columns:1fr}.double-participle-item{padding:1.25rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.endings-table{min-width:260px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.regional-note{padding:1rem}.regional-note-title{font-size:1.05rem}.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example,.participle-infinitive{font-size:1rem}.participle-form{font-size:1.1rem}.participle-translation{font-size:.9rem}.examples-subtitle,.verb-infinitive{font-size:1.05rem}.participle-option{font-size:1rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text{font-size:.9rem}.conjugation-table{min-width:240px}.conjugation-table td,.conjugation-table th{font-size:.8rem;padding:5px 3px}.examples-list li{font-size:.9rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}.formula-part{padding:.5rem .875rem}.formula-part,.participle-infinitive{font-size:.95rem}.participle-form{font-size:1rem}}.would-have-note{background:linear-gradient(135deg,#a855f70d,#9333ea1a);border:2px solid #a855f74d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.note-title{color:#a855f7}.comparison-box{background:#fff;border-radius:10px;margin-top:1rem;padding:1.25rem}.comparison-row{align-items:center;display:flex;gap:1rem;padding:.75rem 0}.comparison-row:first-child{border-bottom:1px solid #a855f733}.comparison-label{color:#666;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;min-width:80px}.comparison-value{color:#272660;font-family:Raleway,sans-serif;font-size:1.1rem}.comparison-value strong{color:#a855f7;font-weight:700}.could-should-section{background:linear-gradient(135deg,#3b82f60d,#2563eb1a);border-left:4px solid #3b82f6}.could-should-boxes{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:1.5rem 0}.modal-box{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem}.modal-box.could-box{background:linear-gradient(135deg,#10b98108,#0596690d);border-color:#10b981}.modal-box.should-box{background:linear-gradient(135deg,#f59e0b08,#d977060d);border-color:#f59e0b}.modal-title{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.modal-box.could-box .modal-title{color:#10b981}.modal-box.should-box .modal-title{color:#f59e0b}.option-section{background:#fff9;border:1px solid #0000001a;border-radius:10px;margin:1rem 0;padding:1.25rem}.option-section.alternative{background:#ffffffe6;border:2px solid #8b5cf64d}.option-title{color:#272660;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.modal-explanation{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;line-height:1.6;margin:.5rem 0 .75rem}.modal-examples{background:#fffc;border-radius:8px;margin-top:.75rem;padding:1rem}.modal-examples p{color:#666;font-family:Raleway,sans-serif;font-size:1rem;margin:.5rem 0}.modal-examples strong{color:#272660;font-weight:700}.alternative-note{color:#8b5cf6;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;margin-top:.75rem}.alternative-note.warning{color:#f59e0b}@media (max-width:768px){.would-have-note{padding:1.25rem}.note-title{font-size:1.15rem}.comparison-row{align-items:flex-start;flex-direction:column;gap:.5rem}.comparison-label{min-width:0;min-width:auto}.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}.could-should-boxes{grid-template-columns:1fr}.modal-title{font-size:1.15rem}.option-title{font-size:1rem}.modal-explanation{font-size:.9rem}.modal-examples p{font-size:.95rem}.alternative-note{font-size:.9rem}}@media (max-width:480px){.would-have-note{padding:1rem}.note-title{font-size:1.05rem}.comparison-value{font-size:1rem}.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example{font-size:1rem}.modal-box{padding:1.25rem}.modal-title{font-size:1.05rem}.option-section{padding:1rem}.option-title{font-size:.95rem}.modal-explanation{font-size:.85rem}.modal-examples{padding:.875rem}.modal-examples p{font-size:.9rem}.alternative-note{font-size:.85rem}}.no-irregulars-section{background:linear-gradient(135deg,#10b9810d,#0596691a);border-left:4px solid #10b981}.celebration-box{background:#fffc;border:2px solid #10b9814d;border-radius:12px;padding:2rem;text-align:center}.celebration-icon{font-size:4rem;margin-bottom:1rem}.celebration-title{color:#10b981;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:700;margin:0 0 1rem}.irregulars-examples{margin:2rem 0}.examples-subtitle{font-size:1.2rem;margin:1.5rem 0 1rem}.irregular-comparison-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 0}.comparison-item{border:2px solid #e9ecef;border-radius:10px;padding:1rem}.verb-name{margin-bottom:.75rem;text-align:center}.comparison{gap:.5rem}.future-form,.going-to-form{align-items:center;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.future-form{background:#f04f541a}.going-to-form{background:#10b9811a}.form-label{color:#666;font-size:.9rem;font-weight:600}.form-label,.form-text{font-family:Raleway,sans-serif}.form-text{font-size:1rem;font-weight:700}.form-text.irregular{color:#f04f54}.form-text.regular{color:#10b981}.form-note{color:#888;font-family:Raleway,sans-serif;font-size:.85rem;font-style:italic}.comparison-section{background:linear-gradient(135deg,#8b5cf60d,#7c3aed1a);border-left:4px solid #8b5cf6}.comparison-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.comparison-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem}.comparison-card.going-to{background:linear-gradient(135deg,#10b98108,#0596690d);border-color:#10b981}.comparison-card.simple-future{background:linear-gradient(135deg,#3b82f608,#2563eb0d);border-color:#3b82f6}.card-title{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 1rem;text-align:center}.comparison-card.going-to .card-title{color:#10b981}.comparison-card.simple-future .card-title{color:#3b82f6}.comparison-list{margin:0 0 1rem}.comparison-list li{color:#444;line-height:1.8;padding:.25rem 0}.card-example,.comparison-list li{font-family:Raleway,sans-serif;font-size:1rem}.card-example{background:#fffc;border-radius:8px;color:#666;line-height:1.6;margin-top:1rem;padding:1rem}.card-example strong{color:#272660;font-size:1.1rem}.endings-table{max-width:600px}.endings-table td:not(:first-child){color:#16a34a}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1.05rem}.conjugation-tables{gap:1.25rem}.comparison-cards,.conjugation-tables{grid-template-columns:1fr}.irregular-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:280px}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.perifrasis-note{padding:1.25rem}.note-title{font-size:1.15rem}.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}.celebration-icon{font-size:3rem}.celebration-title{font-size:1.4rem}.celebration-box{padding:1.5rem}.comparison-cards,.irregular-comparison-grid{grid-template-columns:1fr}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.endings-table{min-width:260px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.perifrasis-note{padding:1rem}.note-title{font-size:1.05rem}.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example{font-size:1rem}.celebration-icon{font-size:2.5rem}.celebration-title{font-size:1.25rem}.celebration-box{padding:1.25rem}.examples-subtitle{font-size:1.05rem}.verb-name{font-size:1rem}.form-label{font-size:.85rem}.form-text{font-size:.95rem}.form-note{font-size:.8rem}.card-title{font-size:1.15rem}.comparison-list li{font-size:.95rem}.comparison-list li:hover{background:none}.card-example{font-size:.95rem}.card-example strong{font-size:1rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text{font-size:.9rem}.conjugation-table{min-width:240px}.conjugation-table td,.conjugation-table th{font-size:.8rem;padding:5px 3px}.examples-list li{font-size:.9rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}.formula-part{font-size:.95rem;padding:.5rem .875rem}.celebration-icon{font-size:2rem}.celebration-title{font-size:1.15rem}}.perifrasis-note{background:linear-gradient(135deg,#3b82f60d,#2563eb1a);border:2px solid #3b82f64d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.note-title{color:#3b82f6;margin:0 0 1rem}.nuance-section{background:linear-gradient(135deg,#f59e0b0d,#d977061a);border-left:4px solid #f59e0b}.comparison-examples{margin:1.5rem 0}.comparison-example{background:#fffc;border:2px solid #f59e0b4d;border-radius:10px;margin:1rem 0;padding:1.5rem}.example-header{color:#272660;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1rem}.example-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.option{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.option-label{color:#666;font-size:.95rem;font-weight:600;min-width:140px}.option-label,.option-text{font-family:Raleway,sans-serif}.option-text{color:#272660;font-size:1.1rem;font-weight:700}.example-note{color:#666;font-size:1rem;margin:.75rem 0 0}.example-note strong{color:#f59e0b}.formula{margin:1.5rem 0}.formula-part{background:#fffc;border:2px solid #8b5cf64d}.formula-plus{font-size:2rem}.formula-example{color:#666;margin:.5rem 0 0}.gerund-formation-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;box-sizing:border-box;margin:1.5rem 0;max-width:100%;overflow-x:auto;padding:1.5rem}.conjugation-table td:not(:first-child){color:#16a34a;font-weight:600}.conjugation-table.endings-table td,.conjugation-table.endings-table th{text-align:center}.estar-forms-section{background:linear-gradient(135deg,#a855f70d,#9333ea1a);border-left:4px solid #a855f7}.estar-examples-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.estar-example-card{background:#fff;border:2px solid #a855f74d;border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.estar-example-card:hover{box-shadow:0 6px 20px #a855f726;transform:translateY(-2px)}.estar-form-title{color:#a855f7;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.estar-form-formula{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;margin:.5rem 0}.estar-form-example{color:#272660;font-family:Raleway,sans-serif;font-size:1.15rem;margin:.75rem 0 .5rem}.estar-form-example strong{color:#5349ea;font-weight:700}.estar-form-translation{color:#888;font-family:Raleway,sans-serif;font-size:1rem;margin:0}.irregulars-intro{background:linear-gradient(135deg,#ef44440d,#dc26261a);border-left:4px solid #ef4444}.irregular-category{background:#f8f9fa;border-left:4px solid #3b82f6}.irregular-category-title.stem-change{color:#3b82f6}.irregular-category-title.special-irregular{color:#8b5cf6}.irregular-category-title.vowel-change{color:#ec4899}.gerund-examples-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5rem 0}.gerund-example-box{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:1rem;text-align:center;transition:all .2s ease}.gerund-example-box:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.gerund-example-box.special{background:linear-gradient(135deg,#8b5cf608,#7c3aed0d);border-color:#8b5cf6}.gerund-example-box.special:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633}.verb-name{color:#272660;font-size:1rem;margin-bottom:.5rem}.gerund-form{color:#3b82f6;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:700;margin:.5rem 0}.gerund-example-box.special .gerund-form{color:#8b5cf6}.example-sentence{color:#666;font-size:.95rem;font-style:italic;margin:.5rem 0 0}.more-verbs-note{background:#3b82f60d;border-radius:8px;color:#666;font-size:1rem;font-style:italic;margin:1rem 0 0;padding:1rem}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1.05rem}.estar-examples-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gerund-examples-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;text-align:left}.example-options,.option{gap:.5rem}.option{align-items:flex-start;flex-direction:column}.option-label{min-width:0;min-width:auto}.estar-examples-grid{grid-template-columns:1fr}.gerund-examples-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.perifrasis-note{padding:1.25rem}.note-title{font-size:1.15rem}.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.gerund-examples-grid{grid-template-columns:1fr}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.examples-list li{font-size:.95rem;line-height:1.6}.important-note{font-size:.95rem;padding:.875rem}.perifrasis-note{padding:1rem}.note-title{font-size:1.05rem}.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example{font-size:1rem}.estar-form-example,.estar-form-title{font-size:1.05rem}.estar-form-translation,.verb-name{font-size:.95rem}.gerund-form{font-size:1.1rem}.example-sentence{font-size:.9rem}.example-header{font-size:1.05rem}.option-label{font-size:.9rem}.option-text{font-size:1rem}.example-note{font-size:.95rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text,.examples-list li{font-size:.9rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}.formula-part{font-size:.95rem;padding:.5rem .875rem}}.intro-section{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border-left:6px solid #3b82f6}.note-section{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:6px solid #f59e0b}.summary-section{background:linear-gradient(135deg,#10b9810d,#05966914);border-left:6px solid #10b981}.key-concept-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6}.note-section-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.tense-card-intro{background:linear-gradient(135deg,#3b82f6d9,#2563ebf2);border:2px solid #3b82f6e6;border-radius:14px;box-shadow:0 4px 6px #3b82f633;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.tense-card-intro:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tense-card-intro:hover{box-shadow:0 12px 24px #3b82f64d;transform:translateY(-6px)}.tense-card-intro:hover:before{opacity:1}.tense-card-intro.conditional{background:linear-gradient(135deg,#f59e0bd9,#d97706f2);border:2px solid #f59e0be6;box-shadow:0 4px 6px #f59e0b33}.tense-card-intro.conditional:hover{box-shadow:0 12px 24px #f59e0b4d}.tense-card-intro.perifrasis{background:linear-gradient(135deg,#8b5cf6d9,#7c3aedf2);border:2px solid #8b5cf6e6;box-shadow:0 4px 6px #8b5cf633}.summary-grid{grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.summary-box{border:2px solid #e5e7eb;padding:2rem;transition:all .3s ease}.summary-icon{font-size:2.5rem}.summary-title{font-size:1.25rem}.summary-list{list-style:none;padding:0}.summary-list li{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.8;padding-left:1.5rem;position:relative}.summary-list li:before{color:#3b82f6;content:"▸";font-weight:700;left:0;position:absolute}@media (max-width:1024px){.tense-content{padding:1.5rem}.content-section{padding:2rem}.content-section-title{font-size:1.5rem}.tenses-grid-intro{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.summary-grid{gap:1.25rem}}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:1.5rem;padding:1.5rem}.content-section-title{font-size:1.35rem}.content-text{font-size:1rem}.tenses-grid-intro{gap:1rem;grid-template-columns:1fr}.tense-card-intro{padding:1.25rem}.tense-card-name{font-size:1.1rem}.summary-grid{grid-template-columns:1fr}.summary-box{padding:1.5rem}}@media (max-width:480px){.content-section{border-radius:12px;padding:1.25rem}.content-section-title{font-size:1.2rem}.content-text{font-size:.95rem;line-height:1.7}.key-concept-box{padding:1.25rem}.tense-card-intro{padding:1rem}.tense-card-name{font-size:1rem}.tense-card-subtitle{font-size:.85rem}.tense-card-conjugation{font-size:.8rem}.summary-box{padding:1.25rem}.summary-icon{font-size:2rem}.summary-title{font-size:1.1rem}.summary-list li{font-size:.95rem}}.topic-link{align-items:center;background:#6366f11f;border:none;border-radius:999px;color:#4338ca;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;gap:.25rem;padding:.15rem .75rem .15rem .65rem;text-decoration:none;transition:all .2s ease}.topic-link:hover{background:#6366f133;box-shadow:0 2px 8px #4f46e540;color:#312e81}.topic-link-inline{background:none;color:#4338ca;padding:0}.topic-link-inline:hover{background:none;color:#1d4ed8;text-decoration:underline}.topic-link-arrow{font-size:.8rem}.topic-link-inline .topic-link-arrow{font-size:.7rem}.subjunctive-intro{background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border-left:6px solid #8b5cf6}.strategy-section{background:linear-gradient(135deg,#10b9810d,#05966914);border-left:6px solid #10b981}.conjugation-section{background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border-left:6px solid #8b5cf6}.use-section{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:6px solid #f59e0b}.warning-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;margin-top:1.5rem}.warning-title{font-size:1.1rem}.strategy-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.strategy-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;position:relative;transition:all .3s ease}.conjugation-box{border-color:#8b5cf6}.use-box{border-color:#f59e0b}.strategy-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;box-shadow:0 4px 6px #8b5cf64d;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;left:20px;position:absolute;top:-15px;width:40px}.use-box .strategy-number{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px #f59e0b4d}.strategy-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:700;margin-bottom:1rem;margin-top:.5rem}.strategy-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.tenses-grid-intro{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.tense-card-intro.subjunctive{background:linear-gradient(135deg,#8b5cf6d9,#7c3aedf2);border:2px solid #8b5cf6e6;border-radius:14px;box-shadow:0 4px 6px #8b5cf633;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.tense-card-intro.subjunctive:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tense-card-intro.subjunctive:hover{box-shadow:0 12px 24px #8b5cf64d;transform:translateY(-6px)}.tense-card-intro.subjunctive:hover:before{opacity:1}.tense-card-header{margin-bottom:1rem}.tense-card-name{color:#fff;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;position:relative;z-index:1}.tense-card-subtitle{color:#ffffffe6;font-size:.9rem;font-weight:500;margin:0}.tense-card-conjugation,.tense-card-subtitle{font-family:Raleway,sans-serif;font-style:italic;position:relative;z-index:1}.tense-card-conjugation{border-top:1px solid #fff3;color:#fffffff2;font-size:.85rem;font-weight:600;line-height:1.5;padding-top:.75rem}.fundamental-rule-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:2rem;margin-top:1.5rem;padding:1.5rem}.fundamental-rule-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.fundamental-rule-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin:0}.explanation-box{background:#f9fafb;margin-bottom:2rem;margin-top:1.5rem}.explanation-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem}.explanation-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem}.explanation-text.important-note{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:8px;margin-top:1.5rem;padding:1rem}.example-box{background:#fff;margin:1.5rem 0;padding:1.5rem}.example-label{font-size:.9rem;margin-bottom:.75rem}.example-sentence{font-size:1.15rem;line-height:1.6;margin-bottom:1rem}.main-clause{color:#3b82f6;font-weight:600}.connector{color:#6b7280;font-weight:600}.subordinate-clause{color:#8b5cf6;font-weight:600}.example-breakdown{font-size:.95rem;padding-top:.75rem}.main-label{color:#3b82f6;font-weight:600}.subordinate-label{color:#8b5cf6;font-weight:600}.subordinate-types-section{margin-top:2rem}.section-subtitle{font-size:1.4rem;margin-bottom:1rem;margin-top:2rem}.type-examples-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.type-example-box{border:2px solid;border-radius:12px;padding:1.5rem}.noun-type{background:#3b82f60d;border-color:#3b82f6}.adjective-type{background:#10b9810d;border-color:#10b981}.adverb-type{background:#8b5cf60d;border-color:#8b5cf6}.type-title{font-size:1.1rem}.type-replacement,.type-sentence{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.6;margin-bottom:.5rem}.type-explanation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;margin:0}.type-sentence .highlight{background:#f59e0b33;border-radius:4px;font-weight:600;padding:.15rem .4rem}.noun-subordinates-section{margin-top:2.5rem}.verb-category-box{border:3px solid;border-radius:14px;margin-bottom:2rem}.head-verbs{background:linear-gradient(135deg,#3b82f608,#2563eb0d);border-color:#3b82f6}.heart-verbs{background:linear-gradient(135deg,#ec489908,#db27770d);border-color:#ec4899}.domino-verbs{background:linear-gradient(135deg,#10b98108,#0596690d);border-color:#10b981}.verb-category-title{align-items:center;color:#1f2937;display:flex;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.category-icon{font-size:1.75rem}.verb-category-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.rule-box{border-radius:10px;margin-top:1rem}.rule-title{font-size:1.15rem}.rule-examples{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.rule-example{background:#f9fafb;border-left:4px solid;padding:1rem}.rule-example.positive{border-color:#10b981}.rule-example.negative{border-color:#ef4444}.rule-example.two-subjects{border-color:#8b5cf6}.rule-example.one-subject{border-color:#f59e0b}.rule-example.normal-use{border-color:#8b5cf6}.rule-label{color:#1f2937;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.rule-sentence{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.6;margin-bottom:.35rem}.rule-explanation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;margin:.25rem 0 0}.subject-1,.subject-2{border-radius:4px;font-weight:700;padding:.1rem .3rem}.subject-1{background:#3b82f61a;color:#3b82f6}.subject-2{background:#ec48991a;color:#ec4899}.indicative-highlight{background:#10b98133}.subjunctive-highlight{background:#8b5cf633;color:#7c3aed}.infinitive-highlight{background:#f59e0b33;border-radius:4px;color:#d97706;font-weight:700;padding:.15rem .4rem}.formula-display{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem 0;padding:1.5rem}.formula-part{border:2px solid;font-size:1rem}.formula-part.domino{background:#10b9811a;border-color:#10b981;color:#059669}.formula-part.word{background:#f59e0b1a;border-color:#f59e0b;color:#d97706}.formula-part.subordinate{background:#8b5cf61a;border-color:#8b5cf6;color:#7c3aed}.formula-plus{color:#6b7280;font-size:1.5rem}.rule-exception{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:.75rem;padding:1rem}.exception-label{color:#1f2937;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.exception-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.adjective-subordinates-section{margin-top:2.5rem}.knowledge-rule-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:2rem;margin-top:1.5rem;padding:2rem}.knowledge-rule-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:700;margin-bottom:1rem}.knowledge-rule-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.knowledge-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1.5rem}.knowledge-example{border:3px solid;border-radius:12px;padding:1.5rem}.knowledge-example.known{background:#10b9810d;border-color:#10b981}.knowledge-example.unknown{background:#8b5cf60d;border-color:#8b5cf6}.knowledge-label{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-bottom:.75rem}.knowledge-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.knowledge-sentence-box{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem}.knowledge-sentence{color:#1f2937;font-size:1.15rem;font-weight:600}.knowledge-sentence,.knowledge-translation{font-family:Raleway,sans-serif;line-height:1.6;margin-bottom:.5rem}.knowledge-translation{color:#6b7280;font-size:1rem;font-style:italic}.knowledge-explanation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.ever-words-section{margin-top:2rem}.ever-words-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.ever-usage-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:2rem}.ever-usage-subtitle{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.ever-usage-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.ever-options-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.ever-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem}.ever-option-label{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-bottom:1rem}.ever-examples-list{display:flex;flex-direction:column;gap:.75rem}.ever-example-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem}.ever-example-item .spanish{color:#8b5cf6;flex:1 1;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600}.ever-example-item .arrow{color:#9ca3af;font-weight:700}.ever-example-item .english{color:#6b7280;flex:1 1;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic}.fun-fact-box{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:10px;margin-top:1.5rem;padding:1.25rem}.fun-fact-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-bottom:.5rem}.fun-fact-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.combined-options{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.combined-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem}.combined-option-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;margin-bottom:.75rem;padding:.35rem .75rem}.combined-option-number,.combined-option-title{font-family:Montserrat,sans-serif;font-weight:700}.combined-option-title{color:#1f2937;font-size:1rem;margin-bottom:1rem}.easiest-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;margin-left:.5rem;padding:.25rem .65rem;vertical-align:middle}.combined-examples{display:flex;flex-direction:column;gap:.75rem}.combined-example{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem}.combined-example .spanish-combo{color:#8b5cf6;flex:1.2 1;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600}.combined-example .arrow{color:#9ca3af;font-weight:700}.combined-example .english-combo{color:#6b7280;flex:1 1;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic}.adverb-subordinates-section{margin-top:2.5rem}.adverb-category-box{background:#fff;border:3px solid;border-radius:14px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:2rem}.adverb-category-box.conditional-if{background:linear-gradient(135deg,#3b82f608,#2563eb0d);border-color:#3b82f6}.adverb-category-box.causal-connectors{background:linear-gradient(135deg,#f59e0b08,#d977060d);border-color:#f59e0b}.adverb-category-box.always-subjunctive{background:linear-gradient(135deg,#8b5cf608,#7c3aed0d);border-color:#8b5cf6}.adverb-category-box.meaning-changing{background:linear-gradient(135deg,#ec489908,#db27770d);border-color:#ec4899}.adverb-category-box.probability-words{background:linear-gradient(135deg,#10b98108,#0596690d);border-color:#10b981}.adverb-category-title{align-items:center;color:#1f2937;display:flex;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.adverb-icon{font-size:1.75rem}.adverb-category-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.conditional-formulas{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.conditional-formula-box{border:3px solid;border-radius:12px;box-shadow:0 4px 8px #00000014;padding:1.5rem}.conditional-formula-box.formula-1,.conditional-formula-box.formula-2{border-color:#10b981}.conditional-formula-box.formula-3,.conditional-formula-box.formula-4{border-color:#8b5cf6}.formula-number{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;margin-bottom:1rem;padding:.35rem .75rem}.conditional-structure{border-radius:10px;justify-content:center;margin-bottom:1.25rem;padding:1.25rem}.if-part,.result-part{border:2px solid;border-radius:8px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;padding:.5rem 1rem}.if-part{background:#3b82f61a;border-color:#3b82f6;color:#2563eb}.result-part{background:#10b9811a;border-color:#10b981;color:#059669}.formula-arrow{color:#6b7280}.conditional-example{font-size:1.15rem;line-height:1.6}.conditional-translation{font-size:1rem;line-height:1.6;margin-bottom:.75rem}.conditional-note{color:#6b7280;font-size:.9rem;margin:0}.conditional-highlight{background:#f59e0b33}.conditional-tip{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:10px;margin-top:1.5rem;padding:1.25rem}.tip-title{color:#1f2937;font-size:1rem;margin-bottom:.5rem}.tip-text{color:#4b5563;font-size:1rem;line-height:1.7}.negative-emphasis{background:#ef44441a;border-radius:4px;color:#ef4444;font-weight:700;padding:.1rem .3rem}.causal-examples-container{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.causal-example-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.causal-pattern-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.causal-example-sentence{color:#1f2937;font-size:1.15rem;font-weight:600}.causal-example-sentence,.causal-example-translation{font-family:Raleway,sans-serif;line-height:1.6;margin-bottom:.75rem}.causal-example-translation{color:#6b7280;font-size:1rem;font-style:italic}.causal-example-explanation{color:#4b5563;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.7;margin:0}.more-words-note{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:10px;margin-top:1.5rem;padding:1.25rem}.more-words-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.more-words-text em{color:#3b82f6;font-weight:600}.trigger-words-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.trigger-word-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem;transition:all .3s ease}.trigger-word-item:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.trigger-word{color:#8b5cf6;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.trigger-meaning{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;margin-bottom:1rem}.trigger-example{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.6;margin-bottom:.5rem}.trigger-translation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.meaning-change-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.meaning-change-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.change-word{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.change-comparison{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.change-option{border:3px solid;border-radius:10px;padding:1.25rem}.change-option.indicative-option{background:#10b9810d;border-color:#10b981}.change-option.subjunctive-option{background:#8b5cf60d;border-color:#8b5cf6}.change-label{color:#1f2937;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.5rem}.change-meaning{margin-bottom:.75rem}.change-example,.change-meaning{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:600}.change-example{line-height:1.6;margin-bottom:.5rem}.change-translation{font-size:.95rem;font-style:italic;line-height:1.5;margin-bottom:.5rem}.change-note,.change-translation{color:#6b7280;font-family:Raleway,sans-serif}.change-note{font-size:.9rem;margin:0}.probability-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1.5rem}.probability-box{border:3px solid;border-radius:12px;padding:1.5rem}.probability-box.more-certain{background:#10b9810d;border-color:#10b981}.probability-box.less-certain{background:#8b5cf60d;border-color:#8b5cf6}.probability-label{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1rem;text-align:center}.probability-examples{display:flex;flex-direction:column;gap:1rem}.probability-example{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.6;margin-bottom:.35rem}.probability-translation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;line-height:1.5;margin-bottom:1rem}.cta-section{background:linear-gradient(135deg,#8b5cf614,#7c3aed1f);border-left:4px solid #8b5cf6}.cta-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}.cta-button:hover{box-shadow:0 8px 24px #8b5cf666}.cta-button-text{position:relative;z-index:1}.cta-button-icon{font-size:1.5rem}.cta-button:hover .cta-button-icon{transform:translateX(5px)}.continuation-note{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);border-left:4px solid #8b5cf6;border-radius:12px;margin-top:2.5rem;padding:1.5rem}.continuation-note.final-note{background:linear-gradient(135deg,#10b9811a,#05966926);border-left:4px solid #10b981}.continuation-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;font-style:italic;line-height:1.8;margin:0}@media (max-width:1024px){.tense-content{padding:1.5rem}.content-section{padding:2rem}.content-section-title{font-size:1.5rem}.tenses-grid-intro{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.strategy-grid{gap:1.25rem}.ever-options-grid,.knowledge-comparison,.type-examples-grid{grid-template-columns:1fr}.conditional-formulas{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.change-comparison,.probability-comparison,.trigger-words-grid{grid-template-columns:1fr}}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:1.5rem;padding:1.5rem}.content-section-title{font-size:1.35rem}.content-text{font-size:1rem}.tenses-grid-intro{gap:1rem;grid-template-columns:1fr}.tense-card-intro{padding:1.25rem}.tense-card-name{font-size:1.1rem}.strategy-grid{grid-template-columns:1fr}.verb-category-box{padding:1.5rem}.formula-display{flex-direction:column;gap:.5rem}.formula-plus{transform:rotate(90deg)}.ever-usage-box,.knowledge-rule-box{padding:1.5rem}.combined-example,.ever-example-item{align-items:flex-start;flex-direction:column;gap:.5rem}.adverb-category-box{padding:1.5rem}.conditional-formulas{grid-template-columns:1fr}.conditional-structure{flex-direction:column;gap:.5rem}.formula-arrow{transform:rotate(90deg)}.causal-example-box{padding:1.25rem}.trigger-words-grid{grid-template-columns:1fr}.more-words-note{padding:1.25rem}.cta-title{font-size:1.75rem}.cta-message{font-size:1.1rem}.cta-button{font-size:1rem;padding:.9rem 1.75rem}}@media (max-width:480px){.content-section{border-radius:12px;padding:1.25rem}.content-section-title{font-size:1.2rem}.content-text{font-size:.95rem;line-height:1.7}.continuation-note,.fundamental-rule-box,.warning-box{padding:1.25rem}.tense-card-intro{padding:1rem}.tense-card-name{font-size:1rem}.tense-card-subtitle{font-size:.85rem}.tense-card-conjugation{font-size:.8rem}.strategy-box{padding:1.5rem}.verb-category-title{font-size:1.25rem}.category-icon{font-size:1.5rem}.combined-option,.ever-option,.ever-usage-box,.knowledge-example,.knowledge-rule-box{padding:1.25rem}.fun-fact-box{padding:1rem}.adverb-category-box{padding:1.25rem}.adverb-category-title{font-size:1.25rem}.adverb-icon{font-size:1.5rem}.conditional-formula-box{padding:1.25rem}.causal-example-box,.conditional-tip{padding:1rem}.meaning-change-box,.trigger-word-item{padding:1.25rem}.change-option{padding:1rem}.probability-box{padding:1.25rem}.more-words-note{padding:1rem}.cta-title{font-size:1.5rem}.cta-message{font-size:1rem}.cta-button{font-size:.95rem;min-width:180px;padding:.85rem 1.5rem}}.warning-box{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.warning-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.warning-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.formation-box{background:linear-gradient(135deg,#10b9811a,#05966926);border-left:4px solid #10b981;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.formation-box,.formation-box *{pointer-events:none;transition:none!important}.formation-box :hover,.formation-box:hover{all:unset!important;background:linear-gradient(135deg,#10b9811a,#05966926)!important;border-left:4px solid #10b981!important;border-radius:12px!important;box-shadow:none!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin-bottom:1.5rem!important;padding:1.5rem!important;text-decoration:none!important;transform:none!important;transition:none!important}.formation-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1rem}.formation-steps{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin-bottom:1rem;padding-left:1.5rem}.formation-steps li{margin-bottom:.5rem}.formation-example{color:#059669;font-family:Raleway,sans-serif;font-size:1.05rem;font-style:italic;font-weight:600;margin:0}.highlight-ra{color:#8b5cf6;font-weight:700}.highlight-se{color:#3b82f6;font-weight:700}.two-forms-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.two-forms-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.two-forms-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.alternate-form{opacity:.85}.base-form{color:#8b5cf6;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;font-weight:600;margin-bottom:.75rem;text-align:center}.connection-box{background:linear-gradient(135deg,#10b9811a,#05966926);border-left:4px solid #10b981;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.connection-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.connection-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.preterite-reference{color:#10b981;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;font-weight:600;margin-bottom:.75rem;text-align:center}.spread-alert-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.spread-alert-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.spread-alert-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.exclusive-uses-section{background:linear-gradient(135deg,#8b5cf608,#7c3aed0d);border-left:4px solid #8b5cf6}.exclusive-use-box{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.exclusive-use-box.como-si{border-left:4px solid #ec4899}.exclusive-use-box.if-would{border-left:4px solid #8b5cf6}.exclusive-use-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.exclusive-use-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1rem}.exclusive-examples{grid-gap:1rem;display:grid;gap:1rem}.exclusive-example{background:#f8f9fa;border-left:3px solid #8b5cf6;border-radius:8px;padding:1rem}.example-sentence{margin-bottom:.5rem}.formula-box{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.formula-text{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;gap:1rem;justify-content:center}.formula-part{display:inline-block}.formula-part.if-part{background:#8b5cf6;color:#fff}.formula-part.would-part{background:#10b981;color:#fff}.formula-arrow{color:#8b5cf6}.formula-note{color:#6b7280;font-family:Raleway,sans-serif;font-size:1rem;font-style:italic;margin-top:1rem}.historical-note-section{background:linear-gradient(135deg,#fbbf2408,#f59e0b0d);border-left:4px solid #f59e0b}.evolution-box{background:#fff;border:2px solid #fde68a;border-radius:12px;margin-top:1rem;padding:1.5rem}.evolution-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.evolution-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1rem}.evolution-path{align-items:center;background:linear-gradient(135deg,#fbbf241a,#f59e0b26);border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0;padding:1.5rem}.evolution-step{background:#f59e0b;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;padding:.5rem 1rem}.evolution-arrow{color:#f59e0b;font-size:1.5rem;font-weight:700}.evolution-examples{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.8;margin-top:1rem;padding-left:1.5rem}.evolution-examples li{margin-bottom:.5rem}.se-note-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.se-note-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.se-note-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}@media (max-width:768px){.connection-box,.evolution-box,.exclusive-use-box,.formation-box,.se-note-box,.spread-alert-box,.two-forms-box,.warning-box{padding:1.25rem}.connection-title,.evolution-title,.exclusive-use-title,.formation-title,.se-note-title,.spread-alert-title,.two-forms-title,.warning-title{font-size:1.05rem}.connection-text,.evolution-text,.exclusive-use-description,.formation-steps,.se-note-text,.spread-alert-text,.two-forms-text,.warning-text{font-size:.95rem}.formula-text{flex-direction:column;font-size:1rem;gap:.75rem}.formula-part{font-size:.95rem;padding:.4rem .8rem}.evolution-path{flex-direction:column;padding:1.25rem}.evolution-step{font-size:.9rem}}@media (max-width:480px){.connection-box,.evolution-box,.exclusive-use-box,.formation-box,.se-note-box,.spread-alert-box,.two-forms-box,.warning-box{padding:1rem}.evolution-examples,.formation-steps{padding-left:1.25rem}.exclusive-example{padding:.875rem}}.content-section-title{color:#000}.content-text{color:#444;margin-left:auto;margin-right:auto}.conjugation-tables{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem;max-width:100%}.conjugation-table-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;max-width:100%;overflow-x:auto;padding:1.5rem}.verb-type-title{word-wrap:break-word;font-size:1.3rem;margin:0 0 1rem;overflow-wrap:break-word}.verb-title,.verb-type-title{color:#000;font-family:Montserrat,sans-serif;font-weight:700;text-align:center}.verb-title{font-size:1.1rem;margin:0 0 .75rem}.conjugation-table{border-collapse:collapse;display:table;font-family:Raleway,sans-serif;overflow-x:auto;table-layout:auto;width:100%}.conjugation-table th{background:#272660;color:#fff;font-size:1rem;font-weight:600;padding:12px;text-align:left}.conjugation-table tbody tr{border-bottom:1px solid #e9ecef}.conjugation-table tbody tr:last-child{border-bottom:none}.conjugation-table td{font-size:1rem;padding:10px 12px}.conjugation-table td:first-child{color:#5349ea;font-weight:600}.conjugation-table td:last-child{color:#000;font-weight:700}.conjugation-table.compact tbody td{font-size:.95rem;padding:8px 12px}.examples-section{background:linear-gradient(135deg,#22c55e0d,#10b9811a);border-left:4px solid #22c55e}.examples-list{list-style:none;margin:0;padding:0}.examples-list li{color:#444;font-family:Raleway,sans-serif;font-size:1.1rem;line-height:2;padding:.5rem 0 .5rem 1.5rem;position:relative}.examples-list li:before{color:#22c55e;content:"→";font-weight:700;left:0;position:absolute}.examples-list strong{color:#272660}.examples-list li:hover{background:inherit!important}.examples-section,.examples-section *{transition:none!important}.examples-section :hover,.examples-section:hover{text-decoration:none!important;transform:none!important}.irregulars-intro{background:linear-gradient(135deg,#f04f540d,#ef44441a);border-left:4px solid #f04f54}.important-note{border-radius:8px;margin:1rem 0;padding:1rem;word-break:break-word}.irregular-category{border-left:4px solid #ddd}.irregular-category-title{align-items:center;display:flex;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.irregular-category-title.super-irregular{color:#f04f54}.irregular-category-title.yo-irregular{color:#3b82f6}.irregular-category-title.stem-change{color:#8b5cf6}.irregular-category-title.hybrid{color:#ec4899}.irregular-subcategory{margin:1.5rem 0}.subcategory-title{word-wrap:break-word;color:#000;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 1rem;overflow-wrap:break-word}.subcategory-description{color:#666;font-size:1rem;font-style:italic;margin:0 0 .75rem}.more-verbs-note,.subcategory-description{font-family:Raleway,sans-serif;text-align:justify}.more-verbs-note{background:#0000000d;border-left:3px solid #22c55e;border-radius:4px;color:#888;font-size:.9rem;margin:.75rem 0 0;padding:.5rem 1rem}.stem-change{color:#e65100;font-weight:700}.endings-table-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;box-sizing:border-box;margin:1.5rem 0;max-width:100%;overflow-x:auto;padding:1.5rem}.endings-table{margin:0 auto;max-width:720px;width:100%}.endings-table th{text-align:center}.endings-table td{font-weight:600;text-align:center}.endings-table td:first-child{background:#5349ea0d;color:#5349ea;text-align:left}.endings-table td:not(:first-child){font-family:Raleway,sans-serif;font-size:1.05rem}.endings-table td:nth-child(2),.endings-table th:nth-child(2){color:#16a34a}.endings-table td:nth-child(3),.endings-table th:nth-child(3){color:#2563eb}.endings-table td:nth-child(4),.endings-table th:nth-child(4){color:#ec4899}.verb-examples-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem;max-width:100%}.verb-example-box{word-wrap:break-word;background:linear-gradient(135deg,#5349ea1a,#6b5fed26);border:2px solid #5349ea4d;border-radius:10px;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;padding:1rem;text-align:center}.verb-example-box.special{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);border:2px solid #f59e0b66}.verb-name{color:#000;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.yo-form{color:#5349ea;font-size:1rem;font-weight:600;margin:0}.conjugation-mini,.yo-form{font-family:Raleway,sans-serif}.conjugation-mini{color:#666;font-size:.9rem;line-height:1.4;margin:.5rem 0 0}.exception-box{background:linear-gradient(135deg,#ffd60a1a,#f59e0b26);border:2px solid #f59e0b66;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.exception-note{color:#d97706;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:.5rem 0 0}.stem-change-example{margin-top:1rem}.hybrid-section{border-left:4px solid #ec4899}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1.05rem}.conjugation-tables{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{word-wrap:break-word;font-size:1.4rem}.content-text{font-size:1rem;line-height:1.6;min-width:0;min-width:auto;text-align:left}.conjugation-tables{gap:1rem;grid-template-columns:1fr}.conjugation-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.verb-type-title{font-size:1.1rem}.verb-title{font-size:1rem}.conjugation-table{min-width:280px}.conjugation-table td,.conjugation-table th{font-size:.9rem;padding:8px 6px;white-space:nowrap}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.endings-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.endings-table{min-width:320px}.irregular-category-title{flex-wrap:wrap;font-size:1.25rem}.subcategory-title{word-wrap:break-word;font-size:1.05rem}.subcategory-description{font-size:.95rem;text-align:left}.verb-examples-grid{gap:.875rem;grid-template-columns:1fr}.verb-example-box{padding:.875rem}.verb-name{font-size:1rem}.conjugation-mini,.yo-form{font-size:.9rem}.examples-list li{font-size:1rem;line-height:1.8;padding-left:1.25rem}.more-verbs-note{font-size:.85rem;padding:.5rem .75rem;text-align:left}.exception-box{padding:1.25rem}.exception-note{font-size:.85rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.95rem;line-height:1.5}.conjugation-table-container{padding:.75rem}.verb-title,.verb-type-title{font-size:1rem}.conjugation-table{min-width:260px}.conjugation-table td,.conjugation-table th{font-size:.85rem;padding:6px 4px}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.conjugation-table th{font-size:.8rem}.endings-table{min-width:300px}.endings-table td,.endings-table th{font-size:.8rem;padding:6px 4px}.irregular-category-title{font-size:1.15rem}.subcategory-title{font-size:1rem}.subcategory-description{font-size:.9rem}.verb-example-box{padding:.75rem}.verb-name{font-size:.95rem}.conjugation-mini,.yo-form{font-size:.85rem}.examples-list li{font-size:.95rem;line-height:1.6}.more-verbs-note{font-size:.8rem;padding:.5rem}.exception-box{padding:1rem}.important-note{font-size:.95rem;padding:.875rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text{font-size:.9rem}.conjugation-table{min-width:240px}.conjugation-table td,.conjugation-table th{font-size:.8rem;padding:5px 3px}.irregular-category-title{font-size:1.05rem}.examples-list li{font-size:.9rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}}.reference-box{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);border-left:4px solid #8b5cf6;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.reference-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.reference-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1rem}.reference-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.reference-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.disease-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.disease-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1rem}.disease-steps{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin:0;padding-left:1.5rem}.disease-steps li{margin-bottom:.5rem}.spread-example{background:#ef44440d;border-radius:12px;margin-top:1rem;padding:1.5rem}.spread-note{color:#ef4444;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;font-weight:600;margin-bottom:.75rem;text-align:center}.verb-example-box.spread{background:linear-gradient(135deg,#ef44440d,#dc262614);border-left:3px solid #ef4444}.all-forms{color:#4b5563;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;margin-top:.5rem}.stem-change-special{background:linear-gradient(135deg,#f59e0b08,#d977060d);border-left:4px solid #f59e0b}.learn-later-box{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.learn-later-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.learn-later-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.special-note{color:#f59e0b;font-size:.85rem;font-weight:700}.reminder-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.reminder-text{color:#4b5563;font-family:Raleway,sans-serif;line-height:1.8}@media (max-width:768px){.disease-box,.learn-later-box,.reference-box,.reminder-box{padding:1.25rem}.disease-title,.learn-later-title,.reference-title{font-size:1.05rem}.disease-steps,.learn-later-text,.reference-text,.reminder-text{font-size:.95rem}.reference-button{font-size:.9rem;padding:.75rem 1rem;width:100%}}@media (max-width:480px){.disease-box,.learn-later-box,.reference-box,.reminder-box,.spread-example{padding:1rem}.disease-steps{padding-left:1.25rem}}.formula-container{background:linear-gradient(135deg,#8b5cf60d,#7c3aed1a);border:2px solid #8b5cf64d;border-radius:12px;margin:1.5rem 0;padding:1.5rem;text-align:center}.formula-title{color:#8b5cf6;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.formula{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.formula-part{background:#8b5cf61a;color:#272660;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;padding:.75rem 1.5rem}.formula-plus{color:#8b5cf6;font-size:1.8rem}.formula-example{color:#8b5cf6;font-family:Raleway,sans-serif;font-size:1.1rem;font-style:italic;font-weight:600;margin-top:1rem}.participle-formation{margin:1.5rem 0}.participle-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:1.5rem 0}.participle-card{align-items:center;background:linear-gradient(135deg,#ec489914,#db27771f);border:2px solid #ec48994d;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:center}.participle-card.special-cho{background:linear-gradient(135deg,#f59e0b14,#d977061f);border:2px solid #f59e0b66}.participle-infinitive{color:#272660;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700}.participle-arrow{color:#ec4899;font-size:1.5rem;font-weight:700}.participle-card.special-cho .participle-arrow{color:#f59e0b}.participle-form{color:#ec4899;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700}.participle-card.special-cho .participle-form{color:#f59e0b}.participle-translation{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic}.participle-note{background:#f59e0b1a;border-radius:6px;color:#f59e0b;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;margin-top:.25rem;padding:.25rem .75rem}.double-participles-section{background:linear-gradient(135deg,#10b9810d,#0596691a);border-left:4px solid #10b981}.examples-subtitle{color:#10b981;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:1rem 0}.double-participles-examples{margin:1.5rem 0}.double-participle-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.double-participle-item{background:#fffc;border:2px solid #10b9814d;border-radius:12px;padding:1.5rem;text-align:center}.verb-infinitive{color:#272660;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.participle-options{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.participle-option{color:#10b981;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:700}.or{color:#666}.or,.subjunctive-example{font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic}.subjunctive-example{background:#8b5cf60d;border-left:3px solid #8b5cf6;border-radius:8px;color:#6b7280;margin-top:1rem;padding:.75rem}@media (max-width:1024px){.participle-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.double-participle-grid{grid-template-columns:1fr}}@media (max-width:768px){.formula-container{padding:1.25rem}.formula-title{font-size:1.15rem}.formula{gap:.75rem}.formula-part{font-size:1.1rem;padding:.6rem 1.2rem}.formula-plus{font-size:1.5rem}.formula-example{font-size:1rem}.participle-grid{gap:.875rem;grid-template-columns:1fr}.participle-card{padding:1rem}.participle-infinitive{font-size:1.1rem}.participle-form{font-size:1.2rem}.examples-subtitle{font-size:1.15rem}.double-participle-grid{grid-template-columns:1fr}.double-participle-item{padding:1.25rem}}@media (max-width:480px){.formula-container{padding:1rem}.formula-title{font-size:1.05rem}.formula-part{font-size:1rem;padding:.5rem 1rem}.formula-plus{font-size:1.3rem}.formula-example{font-size:.95rem}.participle-card{padding:.875rem}.participle-option{font-size:1rem}.subjunctive-example{font-size:.9rem;padding:.625rem}}.time-reference-note{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.note-title{font-size:1.15rem}.two-forms-note{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.exclusive-use-box.hubiera-replacement{background:linear-gradient(135deg,#f59e0b08,#d977060d);border-left:4px solid #f59e0b}.exclusive-use-box.if-would-have{border-left:4px solid #8b5cf6}.replacement-examples{margin:1.5rem 0}.replacement-subtitle{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.replacement-comparison-grid{grid-gap:1rem;align-items:center;background:#fffc;border:2px solid #f59e0b33;border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-bottom:1.5rem;padding:1.5rem}.replacement-item{text-align:center}.replacement-label{color:#6b7280;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.replacement-sentence{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.6;margin:0}.replacement-arrow-big{color:#f59e0b;font-size:2rem;font-weight:700}.habria{background:#10b9811a;color:#10b981}.habria,.hubiera{border-radius:4px;font-weight:700;padding:.2rem .5rem}.hubiera{background:#f59e0b1a;color:#f59e0b}.important-note-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;margin:1.5rem 0}.important-note-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.important-note-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1rem}.note-examples{margin-top:1rem}.correct-example,.incorrect-example{border-radius:8px;font-family:Raleway,sans-serif;font-size:1rem;margin:.5rem 0;padding:.5rem 1rem}.correct-example{background:#10b9811a;color:#059669}.incorrect-example{background:#ef44441a;color:#dc2626}.formula-box-small{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);border-radius:12px;margin:1.5rem 0;padding:1.25rem;text-align:center}.formula-text-small{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center}.formula-part-small{border-radius:8px;display:inline-block;font-size:1rem;padding:.4rem 1rem}.formula-part-small.if-part{background:#8b5cf6;color:#fff}.formula-part-small.would-part{background:#10b981;color:#fff}.formula-arrow-small{color:#8b5cf6;font-size:1.3rem}@media (max-width:1024px){.replacement-comparison-grid{gap:1rem;grid-template-columns:1fr}.replacement-arrow-big{margin:.5rem 0;transform:rotate(90deg)}}@media (max-width:768px){.important-note-box,.time-reference-note,.two-forms-note{padding:1.25rem}.important-note-title,.note-title{font-size:1.05rem}.replacement-comparison-grid{padding:1.25rem}.replacement-sentence{font-size:1rem}.replacement-arrow-big{font-size:1.5rem}.formula-text-small{flex-direction:column;font-size:1rem;gap:.5rem}.formula-part-small{font-size:.95rem;padding:.35rem .875rem}}@media (max-width:480px){.important-note-box,.replacement-comparison-grid,.time-reference-note,.two-forms-note{padding:1rem}.replacement-label{font-size:.85rem}.replacement-sentence{font-size:.95rem}.formula-box-small{padding:1rem}.formula-part-small{font-size:.9rem;padding:.3rem .75rem}.correct-example,.incorrect-example{font-size:.95rem;padding:.4rem .875rem}}.imperative-intro{background:linear-gradient(135deg,#ec48990d,#db277714);border-left:6px solid #ec4899}.division-section{background:linear-gradient(135deg,#10b9810d,#05966914);border-left:6px solid #10b981}.pronouns-section{background:linear-gradient(135deg,#ec48990d,#db277714);border-left:6px solid #ec4899}.hay-que-section{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:6px solid #f59e0b}.section-subtitle{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:2rem 0 1.5rem}.key-concept-box{background:linear-gradient(135deg,#ec48991a,#db277726);border-left:4px solid #ec4899}.command-types-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.command-type-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem;text-align:center}.command-type-box.affirmative-box{background:linear-gradient(135deg,#10b98108,#0596690d);border:3px solid #10b981}.command-type-box.negative-box{background:linear-gradient(135deg,#ef444408,#dc26260d);border:3px solid #ef4444}.command-icon{font-size:3rem;margin-bottom:1rem}.command-type-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.command-type-description{color:#6b7280;font-family:Raleway,sans-serif;font-size:1.05rem;margin-bottom:1.5rem}.command-examples{margin-top:1.5rem;text-align:left}.command-example{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:600;margin:.75rem 0 .25rem}.command-translation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;margin:0 0 1rem}.important-note-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;margin-top:2rem;padding:1.5rem}.why-box{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.why-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.why-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.pronouns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:2rem 0}.pronoun-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pronoun-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.pronoun-card.informal{border:3px solid #3b82f6}.pronoun-card.formal{border:3px solid #8b5cf6}.pronoun-card.nosotros-card{border:3px solid #10b981}.pronoun-type-label{color:#6b7280;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.pronoun-name{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.pronoun-english{color:#6b7280;font-family:Raleway,sans-serif;font-size:1rem;font-style:italic;margin-bottom:1rem}.pronoun-example{background:#ec48990d;border-radius:8px;color:#ec4899;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:600;margin:1rem 0 .75rem;padding:.75rem}.pronoun-note{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;line-height:1.5}.excluded-pronouns-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;border-radius:12px;margin-top:2rem;padding:1.5rem}.excluded-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.excluded-text{line-height:1.7;margin-bottom:1rem}.excluded-list,.excluded-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem}.excluded-list{line-height:1.8;margin:0;padding-left:1.5rem}.excluded-list li{margin-bottom:.75rem}.hay-que-box{background:#fff;border-radius:12px;margin:2rem 0;padding:2rem}.comparison-grid{grid-gap:2rem;align-items:start;gap:2rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}.comparison-column{background:#fffc;border-radius:12px}.comparison-title{font-family:Montserrat,sans-serif;font-size:1.2rem}.comparison-title.imperative-title{color:#ec4899}.comparison-title.hay-que-title{color:#f59e0b}.comparison-examples{gap:1.5rem}.comparison-example{background:#f3f4f6cc}.example-sentence{font-size:1.05rem;margin:0 0 .5rem}.example-translation{margin:0 0 .5rem}.comparison-arrow{align-items:center;color:#f59e0b;display:flex;font-size:2.5rem;font-weight:700;justify-content:center}.hay-que-note{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:12px;padding:1.5rem}.hay-que-note-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.hay-que-note-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.summary-section{background:linear-gradient(135deg,#ec48990d,#db277714);border-left:6px solid #ec4899}.summary-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.summary-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.summary-box.alternative-box{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:4px solid #f59e0b;grid-column:1/-1}.summary-icon{font-size:2rem;margin-bottom:1rem}.summary-title{font-size:1.2rem}.summary-list{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.8;margin:0;padding-left:1.5rem}.summary-list li{margin-bottom:.5rem}.alternative-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin:0}.conjugations-section{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border-left:6px solid #3b82f6}.conjugation-type-section{margin:3rem 0}.conjugation-type-title{border-bottom:3px solid #e5e7eb;color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:.75rem}.original-forms-box{background:linear-gradient(135deg,#10b9810d,#05966914);border-radius:12px;margin-bottom:2rem;padding:2rem}.original-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.original-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.conjugation-rules-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.conjugation-rule-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.conjugation-rule-card.tu-card{border:3px solid #3b82f6}.conjugation-rule-card.vosotros-card{border:3px solid #8b5cf6}.pronoun-badge{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:20px;color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;padding:.5rem 1.5rem}.pronoun-badge,.rule-text{margin-bottom:1.5rem}.rule-examples{margin:1.5rem 0}.rule-example{border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem}.example-verb{font-size:1.05rem;margin:0}.example-verb .result{color:#ec4899;font-size:1.15rem}.example-verb .crossed{color:#9ca3af;text-decoration:line-through}.irregulars-note{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.irregulars-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-bottom:1rem}.irregulars-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.irregular-item{background:#fffc;border-radius:6px;color:#ef4444;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;padding:.5rem;text-align:center}.no-irregulars-note{background:linear-gradient(135deg,#10b9811a,#05966926);border-left:4px solid #10b981;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.no-irregulars-note .note-text{color:#1f2937;font-family:Raleway,sans-serif;font-size:1rem;margin:0}.borrowed-forms-box{background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border-radius:12px;margin-bottom:2rem;overflow:hidden;padding:2rem}.borrowed-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.borrowed-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.conjugation-tables-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));margin:2rem 0;max-width:100%;width:100%}@media (max-width:1200px){.conjugation-tables-comparison{gap:1rem;grid-template-columns:1fr}.comparison-table{padding:1rem}.borrowed-forms-box{padding:1.5rem}}.comparison-table{background:#fff;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;max-width:100%;min-width:0;padding:1rem}.table-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center}.mini-conjugation-table{border-collapse:collapse;table-layout:fixed;width:100%}.mini-conjugation-table td{border-bottom:1px solid #e5e7eb;font-family:Raleway,sans-serif;font-size:.95rem;overflow-wrap:break-word;padding:.5rem;word-break:break-word}.mini-conjugation-table tr:last-child td{border-bottom:none}.verb-col{color:#6b7280;font-weight:600}.conjugation-col{color:#ec4899;font-weight:700}.subjunctive-note{color:#9ca3af;display:block;font-size:.75rem;font-style:italic;font-weight:400;margin-top:.25rem}.subjunctive-link-box{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);border-left:4px solid #8b5cf6;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.subjunctive-link-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.25rem}.subjunctive-link-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease}.subjunctive-link-button:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.negative-section{margin-top:3rem}.negative-rule-box{background:linear-gradient(135deg,#ef44441a,#dc262626);border-left:4px solid #ef4444;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.negative-rule-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.negative-rule-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin:0}.negative-conjugation-table-container{margin:2rem 0;overflow-x:auto}.full-conjugation-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.full-conjugation-table thead{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.full-conjugation-table th{font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;padding:1rem;text-align:left}.full-conjugation-table td{border-bottom:1px solid #e5e7eb;font-family:Raleway,sans-serif;font-size:1.05rem;padding:1rem}.full-conjugation-table tr:last-child td{border-bottom:none}.full-conjugation-table tr:nth-child(2n){background:#f3f4f680}.pronoun-cell{color:#ec4899;font-weight:700}.pronoun-placement-section{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:6px solid #f59e0b}.placement-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.placement-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.placement-box.affirmative-placement{border:3px solid #10b981}.placement-box.negative-placement{border:3px solid #ef4444}.placement-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.placement-rule{background:#f3f4f6cc;border-radius:8px;color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;padding:1rem}.placement-examples{margin:1.5rem 0}.placement-example{background:#f3f4f680;border-radius:8px;margin-bottom:1rem;padding:1rem}.before-text{color:#6b7280;font-size:.95rem;margin:0 0 .5rem}.before-text,.result-text{font-family:Raleway,sans-serif}.result-text{color:#ec4899;font-size:1.15rem;font-weight:700;margin:0}.result-text .translation{color:#6b7280;font-size:.95rem;font-style:italic;font-weight:400;margin-left:.5rem}.accent-note{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:8px;margin-top:1.5rem;padding:1rem}.accent-note-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;margin:0}.quick-summary-box{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border-left:4px solid #f59e0b;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.quick-summary-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.quick-summary-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin:0}.cta-section{background:linear-gradient(135deg,#ec48990d,#db277714);border-left:6px solid #ec4899}.cta-button{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 12px #ec48994d}@media (max-width:1024px){.comparison-grid{grid-template-columns:1fr}.comparison-arrow{margin:1rem 0;transform:rotate(90deg)}.summary-grid{grid-template-columns:1fr}.summary-box.alternative-box{grid-column:1}}@media (max-width:768px){.tense-content{padding:1rem}.content-section{padding:1.5rem}.content-section-title{font-size:1.5rem}.section-subtitle{font-size:1.2rem}.command-types-grid,.pronouns-grid{grid-template-columns:1fr}.pronoun-name{font-size:1.5rem}.comparison-column{padding:1rem}.conjugation-rules-grid,.placement-grid{grid-template-columns:1fr}.irregulars-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.full-conjugation-table td,.full-conjugation-table th{font-size:.95rem;padding:.75rem .5rem}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}.subjunctive-link-button{font-size:.95rem;padding:.75rem 1.5rem}}@media (max-width:480px){.content-section{padding:1.25rem}.content-section-title{font-size:1.3rem}.command-icon{font-size:2.5rem}.command-type-title{font-size:1.2rem}.pronoun-card{padding:1.25rem}.comparison-arrow{font-size:2rem}.conjugation-type-title{font-size:1.3rem}.borrowed-forms-box,.original-forms-box{padding:1.25rem}.conjugation-rule-card{padding:1.5rem}.pronoun-badge{font-size:1rem;padding:.4rem 1.25rem}.irregulars-list{grid-template-columns:1fr}.placement-box{padding:1.5rem}.placement-title{font-size:1.2rem}.full-conjugation-table td,.full-conjugation-table th{font-size:.85rem;padding:.5rem .25rem}}.verbs-intro{background:linear-gradient(135deg,#6366f10d,#4f46e514);border-left:6px solid #6366f1}.classification-section{background:linear-gradient(135deg,#10b9810d,#05966914);border-left:6px solid #10b981}.non-conjugated-types-section{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:6px solid #f59e0b}.reflexive-section{background:linear-gradient(135deg,#ec48990d,#db277714);border-left:6px solid #ec4899}.modes-section{background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border-left:6px solid #8b5cf6}.common-verbs-section{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border-left:6px solid #3b82f6}.helper-link{margin-top:1.25rem}.helper-link .topic-link-inline{font-weight:600}.key-concept-box{background:linear-gradient(135deg,#6366f11a,#4f46e526);border-left:4px solid #6366f1;margin-top:1.5rem}.key-concept-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;margin-bottom:.75rem}.key-concept-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7}.verb-categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:2rem 0}.verb-category-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem;text-align:center}.verb-category-box.conjugated-box{border:3px solid #10b981}.verb-category-box.non-conjugated-box{border:3px solid #f59e0b}.category-icon{font-size:3rem;margin-bottom:1rem}.category-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.category-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.category-examples{margin:1.5rem 0;text-align:left}.example-item{background:#f3f4f6cc;margin-bottom:.75rem}.example-verb{color:#1f2937;font-family:Raleway,sans-serif;font-size:1.1rem;margin:0 0 .25rem}.category-note{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:8px;margin-top:1.5rem;padding:1rem}.note-text{font-size:.95rem}.non-conjugated-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.non-conjugated-type-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.non-conjugated-type-box.infinitive-box{border:3px solid #10b981}.non-conjugated-type-box.gerund-box{border:3px solid #f59e0b}.non-conjugated-type-box.participle-box{border:3px solid #ec4899}.type-icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.type-title{color:#1f2937;font-family:Montserrat,sans-serif;text-align:center}.type-description{color:#4b5563;font-family:Raleway,sans-serif;text-align:center}.type-characteristics{margin:1.5rem 0}.characteristics-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.characteristics-list{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.8;margin:0;padding-left:1.5rem}.characteristics-list li{margin-bottom:.5rem}.reflexive-comparison-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.reflexive-type-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.reflexive-type-box.non-reflexive-box{border:3px solid #3b82f6}.reflexive-type-box.reflexive-box{border:3px solid #ec4899}.reflexive-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.reflexive-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;text-align:center}.reflexive-examples{margin:1.5rem 0}.reflexive-identification-box{background:linear-gradient(135deg,#ec48991a,#db277726);border-left:4px solid #ec4899;border-radius:12px;margin-top:2rem;padding:2rem}.identification-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.identification-rules{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.identification-rule{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.rule-title{color:#1f2937;font-size:1.1rem;margin-bottom:.75rem}.rule-text{color:#4b5563;line-height:1.7;margin-bottom:1rem}.rule-example{background:#f3f4f6cc;border-radius:6px;padding:.75rem}.modes-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.mode-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem;text-align:center}.mode-box.indicative-box{border:3px solid #10b981}.mode-box.subjunctive-box{border:3px solid #8b5cf6}.mode-box.imperative-box{border:3px solid #f59e0b}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.mode-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.mode-examples{margin:1.5rem 0;text-align:left}.mode-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease}.mode-link-helper{color:#4338ca;font-family:Raleway,sans-serif;font-size:.95rem;margin-top:.5rem}.mode-link-helper .topic-link-inline{font-size:inherit}.mode-button:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.modes-summary-box{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);border-left:4px solid #8b5cf6;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.summary-title{color:#1f2937;font-size:1.3rem}.summary-text{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.all-tenses-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.all-tenses-button:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.verbs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:2rem 0}.verb-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.verb-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.verb-spanish{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.verb-english{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic}.verbs-note-box{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left:4px solid #3b82f6;border-radius:12px;margin-top:2rem;padding:1.5rem}.note-title{color:#1f2937}@media (max-width:1024px){.identification-rules,.modes-grid,.non-conjugated-grid,.reflexive-comparison-grid,.verb-categories-grid{grid-template-columns:1fr}.verbs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.tense-content{padding:1rem}.content-section{padding:1.5rem}.content-section-title{font-size:1.5rem}.mode-box,.non-conjugated-type-box,.reflexive-type-box,.verb-category-box{padding:1.5rem}.category-icon,.mode-icon{font-size:2.5rem}.type-icon{font-size:2rem}.verbs-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.verb-card{padding:.75rem}.verb-spanish{font-size:1rem}.verb-english{font-size:.85rem}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}.mode-button{font-size:.95rem;padding:.75rem 1.5rem}.all-tenses-button{font-size:1rem;padding:.875rem 1.75rem}}@media (max-width:480px){.content-section{padding:1.25rem}.content-section-title{font-size:1.3rem}.mode-box,.non-conjugated-type-box,.reflexive-type-box,.verb-category-box{padding:1.25rem}.category-icon,.mode-icon{font-size:2rem}.type-icon{font-size:1.5rem}.verbs-grid{grid-template-columns:1fr}.identification-rule,.verb-card{padding:1rem}.modes-summary-box,.reflexive-identification-box{padding:1.5rem}}.key-concept-box.pronouns{background:linear-gradient(135deg,#f3e5f5,#fff);border-color:#9c27b0}.key-concept-title{color:#9c27b0}.pronoun-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.pronoun-type-box{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.pronoun-type-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pronoun-type-box.subject-box{border-color:#007bff}.pronoun-type-box.preposition-box{border-color:#28a745}.pronoun-type-box.direct-box{border-color:#ffc107}.pronoun-type-box.indirect-box{border-color:#fd7e14}.pronoun-type-box.reflex-box{border-color:#dc3545}.pronoun-type-box.antepuesto-box{border-color:#6f42c1}.pronoun-type-box.postpuesto-box{border-color:#20c997}.type-description{color:#666;font-size:1rem;margin-bottom:1rem}.type-examples{background:#f8f9fa}.example-item{margin-bottom:.5rem}.example-item:last-child{margin-bottom:0}.example-verb{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.example-translation{color:#666}.table-section{background:linear-gradient(135deg,#f8f9fa,#fff);border-left-color:#28a745}.pronouns-table-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem 0;overflow-x:auto}.pronouns-table{background:#fff;border-collapse:collapse;min-width:800px;width:100%}.pronouns-table th{background:linear-gradient(135deg,#007bff,#0056b3);border:1px solid #0056b3;color:#fff;font-weight:700}.pronouns-table td,.pronouns-table th{font-size:.9rem;padding:1rem .75rem;text-align:center}.pronouns-table td{border:1px solid #dee2e6;transition:background-color .2s ease}.pronouns-table tr:nth-child(2n){background:#f8f9fa}.pronouns-table tr:hover td{background:#e3f2fd}.person-cell{background:#f8f9fa!important;color:#2c3e50;font-weight:700}.subject-cell{background:linear-gradient(135deg,#e3f2fd,#fff)!important;color:#007bff;font-weight:600}.preposition-cell{background:linear-gradient(135deg,#e8f5e8,#fff)!important;color:#28a745;font-weight:600}.direct-cell{background:linear-gradient(135deg,#fff8e1,#fff)!important;color:#f57c00;font-weight:600}.indirect-cell{background:linear-gradient(135deg,#fff3e0,#fff)!important;color:#fd7e14;font-weight:600}.reflex-cell{background:linear-gradient(135deg,#ffebee,#fff)!important;color:#d32f2f;font-weight:600}.antepuesto-cell{background:linear-gradient(135deg,#f3e5f5,#fff)!important;color:#7b1fa2;font-weight:600}.postpuesto-cell{background:linear-gradient(135deg,#e0f2f1,#fff)!important;color:#00695c;font-weight:600}.explanation-section{background:linear-gradient(135deg,#e8f5e8,#fff);border-left-color:#28a745}.explanation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:2rem 0}.explanation-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.explanation-box.subject-preposition-box{border-color:#007bff}.explanation-box.possessive-box{border-color:#9c27b0}.explanation-title{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.explanation-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.explanation-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.comparison-column{background:#f8f9fa;border-radius:8px;padding:1.5rem}.comparison-title{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.comparison-list{list-style:none;margin:0;padding:0}.comparison-list li{border-bottom:1px solid #e0e0e0;color:#555;font-size:.95rem;padding:.5rem 0}.comparison-list li:last-child{border-bottom:none}.comparison-list li:before{color:#007bff;content:"•";font-weight:700;margin-right:.5rem}.explanation-note{background:linear-gradient(135deg,#fff3cd,#fff);border:2px solid #ffc107;border-radius:8px;margin:1.5rem 0;padding:1rem}.explanation-note .note-text{color:#856404;font-size:1rem;margin:0}.usage-examples-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.usage-title{font-size:1.3rem;text-align:center}.usage-examples-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usage-example{background:#f8f9fa;border-radius:8px;padding:1.5rem}.usage-subtitle{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center}.usage-comparison{display:flex;flex-direction:column;gap:1rem}.usage-item{background:#fff;border-radius:6px;padding:1rem}.usage-spanish{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.usage-english{color:#666;font-size:.9rem;font-style:italic}.possessives-articles-section{background:linear-gradient(135deg,#fff8e1,#fff);border-left-color:#ff9800}.possessives-articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:2rem 0}.possessives-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.possessives-box.construction-box{border-color:#2196f3}.possessives-title{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.possessives-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.construction-examples{margin:1.5rem 0}.construction-item{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.construction-subtitle{font-weight:700}.construction-formula,.construction-subtitle{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.construction-formula{align-items:center;display:flex;font-weight:600;gap:.75rem;justify-content:center}.formula-part{background:#e3f2fd;border:2px solid #2196f3;border-radius:6px;padding:.5rem 1rem}.formula-plus{color:#ff5722;font-size:1.2rem;font-weight:700}.construction-examples-list{display:flex;flex-direction:column;gap:.75rem}.construction-example{background:#fff;border-left:4px solid #2196f3;border-radius:6px;padding:1rem}.construction-footnote{background:linear-gradient(135deg,#fff3cd,#fff);border:2px solid #ffc107;border-radius:8px;margin-top:1.5rem;padding:1rem}.footnote-text{color:#856404;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.possessives-usage-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.usage-scenarios-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.usage-scenario{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem}.scenario-title{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.scenario-comparison{display:flex;flex-direction:column;gap:.75rem}.scenario-item{background:#fff;border-radius:6px;padding:1rem}.scenario-spanish{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.scenario-english{color:#666;font-size:.9rem;font-style:italic}.possessives-important-note{background:linear-gradient(135deg,#e8f5e8,#fff);border:2px solid #4caf50;border-radius:12px;margin:2rem 0;padding:2rem}.important-title{color:#2e7d32;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.important-points{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.important-point{background:#fff;border:2px solid #c8e6c9;border-radius:8px;padding:1.5rem}.point-title{color:#2e7d32;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.point-text{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.point-examples{background:#f8f9fa;border-radius:6px;padding:1rem}.point-example{color:#333;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.point-example:last-child{margin-bottom:0}.special-case-box{border:1px solid #e0e0e0}.special-title{align-items:center;display:flex;font-size:1.5rem}.special-description{font-size:1.1rem;line-height:1.7}.special-examples{margin:1.5rem 0}.example-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1rem 0}.example-column{background:#f8f9fa;border-radius:8px;padding:1.5rem}.example-title{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center}.special-note{background:linear-gradient(135deg,#fff3cd,#fff);border:2px solid #ffc107;border-radius:8px;margin:1.5rem 0;padding:1rem}.note-text{color:#856404}.mismo-uses{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.mismo-use-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem}.mismo-title{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.mismo-examples{margin:1rem 0}.mismo-agreement-note{background:linear-gradient(135deg,#e3f2fd,#fff);border:2px solid #2196f3;border-radius:8px;margin:2rem 0;padding:1.5rem}.agreement-title{color:#1976d2;font-size:1.2rem}.agreement-text{color:#555;font-size:1rem;margin-bottom:1rem}.agreement-examples{background:#fff;border-radius:6px;padding:1rem}.agreement-item{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.agreement-example{color:#333;font-size:.9rem;font-weight:500}.tips-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.tip-box{background:#fff;border:2px solid #e1bee7;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.tip-title{color:#7b1fa2;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.tip-list{list-style:none;margin:0;padding:0}.tip-list li{border-bottom:1px solid #f0f0f0;color:#555;font-size:1rem;padding:.5rem 0}.tip-list li:last-child{border-bottom:none}.tip-list li:before{color:#9c27b0;content:"✓";font-weight:700;margin-right:.5rem}.learn-more-section{background:linear-gradient(135deg,#4caf500d,#388e3c14);border-left:6px solid #4caf50}.learn-more-content{text-align:center}.learn-more-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.learn-more-message{color:#4b5563;font-family:Raleway,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.learn-more-button{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.learn-more-button:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.learn-more-button-text{margin-right:.5rem}.learn-more-button-icon{font-size:1.3rem}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.pronoun-types-grid{grid-template-columns:1fr}.pronouns-table{font-size:.8rem}.pronouns-table td,.pronouns-table th{padding:.75rem .5rem}.agreement-item,.example-comparison,.explanation-comparison,.explanation-grid,.important-points,.mismo-uses,.possessives-articles-grid,.tips-grid,.usage-examples-grid,.usage-scenarios-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}.learn-more-title{font-size:1.5rem}.learn-more-message{font-size:1rem}.learn-more-button{font-size:1rem;padding:.875rem 1.75rem}}@media (max-width:480px){.content-section-title{font-size:1.4rem}.cta-title{font-size:1.6rem}.cta-message{font-size:1rem}.pronouns-table{min-width:600px}}.key-concept-box.adjectives{background:linear-gradient(135deg,#f3e5f5,#fff);border-color:#e91e63}.key-concept-title{color:#e91e63}.agreement-section{background:linear-gradient(135deg,#e8f5e8,#fff);border-left-color:#4caf50}.agreement-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.agreement-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.agreement-box.gender-box{border-color:#ff5722}.agreement-box.number-box{border-color:#9c27b0}.agreement-title{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.agreement-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.agreement-examples{display:flex;flex-direction:column;gap:1rem}.complete-agreement-box{background:linear-gradient(135deg,#fff3cd,#fff);border:2px solid #ffc107;border-radius:12px;margin:2rem 0;padding:2rem}.complete-title{color:#856404;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.complete-examples-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.complete-example{background:#fff;border-radius:8px;padding:1rem;text-align:center}.types-section{background:linear-gradient(135deg,#fff3e0,#fff);border-left-color:#ff9800}.types-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.type-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.type-box.ending-o-box{border-color:#e91e63}.type-box.ending-e-box{border-color:#3f51b5}.type-box.ending-consonant-box{border-color:#4caf50}.type-box.irregular-box{border-color:#ff5722}.type-conjugation{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.conjugation-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.conjugation-row:last-child{border-bottom:none}.conjugation-form{color:#2c3e50;font-size:1.1rem;font-weight:600}.conjugation-label{color:#666;font-size:.9rem;font-style:italic}.type-examples{background:linear-gradient(135deg,#e3f2fd,#fff);border-radius:8px;padding:1rem}.example-text{color:#1976d2;font-size:.95rem;font-weight:500;margin:0}.position-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.position-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.position-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.position-box.before-box{border-color:#4caf50}.position-box.after-box{border-color:#2196f3}.position-title{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.position-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.position-examples{display:flex;flex-direction:column;gap:1rem}.position-note-box{background:linear-gradient(135deg,#fff3cd,#fff);border:2px solid #ffc107;border-radius:12px;margin:2rem 0;padding:2rem}.note-title{color:#856404}.meaning-examples{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.meaning-example{background:#fff;border-radius:8px;padding:1rem}.common-adjectives-section{background:linear-gradient(135deg,#e0f2f1,#fff);border-left-color:#4caf50}.adjectives-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:2rem 0}.adjective-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.adjective-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.adjective-spanish{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.adjective-english{color:#666;font-size:.9rem;font-style:italic}.adjectives-note-box{background:linear-gradient(135deg,#e3f2fd,#fff);border:2px solid #2196f3;border-radius:12px;margin:2rem 0;padding:2rem}.adjectives-note-box .note-title{color:#1976d2}.adjectives-note-box .note-text{color:#555}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.agreement-grid,.meaning-examples,.position-grid,.types-grid{grid-template-columns:1fr}.adjectives-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.complete-examples-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}}@media (max-width:480px){.content-section-title,.cta-title{font-size:1.4rem}.adjectives-grid{grid-template-columns:1fr}}.key-concept-box.adverbs{background:linear-gradient(135deg,#f3e5f5,#fff);border-color:#673ab7}.key-concept-title{align-items:center;color:#673ab7;display:flex}.types-section{background:linear-gradient(135deg,#e8f5e8,#fff);border-left-color:#4caf50}.adverb-types-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.adverb-type-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.adverb-type-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.adverb-type-box.manner-box{border-color:#ff5722}.adverb-type-box.time-box{border-color:#2196f3}.adverb-type-box.place-box{border-color:#4caf50}.adverb-type-box.quantity-box{border-color:#ff9800}.adverb-type-box.reason-box{border-color:#9c27b0}.adverb-type-box.affirmation-box{border-color:#607d8b}.type-title{font-size:1.3rem}.type-description{line-height:1.6}.type-examples{margin-bottom:1.5rem}.example-english{font-size:.9rem}.common-adverbs{background:linear-gradient(135deg,#e3f2fd,#fff);border-radius:8px;padding:1rem}.common-title{color:#1976d2;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.common-list{color:#555;font-size:.9rem;margin:0}.derivation-section{background:linear-gradient(135deg,#fff3e0,#fff);border-left-color:#ff9800}.derivation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:2rem 0}.derivation-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.derivation-box.formation-box{border-color:#e91e63}.derivation-box.examples-box{border-color:#3f51b5}.derivation-title{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.derivation-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.formation-examples{display:flex;flex-direction:column;gap:1.5rem}.formation-item{background:#f8f9fa;border-radius:8px;padding:1.5rem}.formation-step{gap:.5rem;margin-bottom:1rem}.formation-step,.step-number{align-items:center;display:flex}.step-number{background:#e91e63;border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-text{color:#2c3e50;font-weight:600}.formation-example{align-items:center;display:flex;font-size:1.1rem;gap:1rem;justify-content:center}.adjective{background:#e3f2fd;border:2px solid #2196f3;border-radius:6px;color:#1976d2;font-weight:600;padding:.5rem 1rem}.arrow{color:#e91e63;font-size:1.2rem;font-weight:700}.result{background:#f3e5f5;border:2px solid #9c27b0;border-radius:6px;color:#7b1fa2;font-weight:600;padding:.5rem 1rem}.examples-table{display:flex;flex-direction:column;gap:.5rem}.table-header{grid-gap:1rem;background:#e3f2fd;border-radius:8px;color:#1976d2;display:grid;font-weight:700;gap:1rem;grid-template-columns:1fr 1fr 1fr;padding:1rem}.header-cell{text-align:center}.table-row{grid-gap:1rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;padding:1rem}.table-cell{color:#2c3e50;font-weight:500;text-align:center}.differences-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.differences-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.difference-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.difference-box.function-box{border-color:#ff5722}.difference-box.agreement-box{border-color:#4caf50}.difference-box.position-box{border-color:#2196f3}.difference-box.questions-box{border-color:#ff9800}.difference-title{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.comparison{display:flex;flex-direction:column;gap:1.5rem}.comparison-label{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.comparison-text{color:#555;font-size:1rem;margin-bottom:1rem}.comparison-example{background:#fff;border-radius:6px}.special-cases-section{background:linear-gradient(135deg,#fff3e0,#fff);border-left-color:#ff9800}.special-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.special-case-box{background:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.special-title{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.special-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.special-examples{display:flex;flex-direction:column;gap:1rem}.special-example{background:#f8f9fa}.common-adverbs-section{background:linear-gradient(135deg,#e1f5fe,#fff);border-left-color:#0288d1}.adverbs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:2rem 0}.adverb-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.adverb-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.adverb-spanish{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.adverb-english{color:#666;font-size:.9rem;font-style:italic}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.adverb-types-grid,.derivation-grid,.differences-grid,.special-cases-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:.5rem}.formation-example{flex-direction:column;gap:.5rem}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}.adverbs-grid{grid-template-columns:1fr}}@media (max-width:480px){.content-section-title,.cta-title{font-size:1.4rem}.adverb-types-grid{grid-template-columns:1fr}}.key-concept-box{background:linear-gradient(135deg,#f3e5f5,#fff);border:2px solid #9c27b0;box-shadow:0 2px 8px #9c27b01a}.key-concept-title{color:#7b1fa2}.definite-section{background:linear-gradient(135deg,#e8f5e9,#fff);border-left-color:#4caf50}.indefinite-section{background:linear-gradient(135deg,#fff3e0,#fff);border-left-color:#ff9800}.articles-table-container{margin:2rem 0;overflow-x:auto}.articles-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.articles-table thead{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.articles-table th{font-size:1.1rem;font-weight:600;padding:1.25rem;text-align:center}.corner-cell{background:#0000}.header-cell{border-left:1px solid #ffffff1a}.label-cell{background:#eceff1;color:#2c3e50;font-size:1.05rem;font-weight:600;padding:1.25rem;text-align:center}.article-cell{background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center}.article-cell.masculine{border-left:3px solid #2196f3}.article-cell.feminine{border-left:3px solid #e91e63}.article-word{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.article-example{color:#555;font-size:1.1rem;font-weight:500}.article-translation{color:#888;font-size:.95rem;font-style:italic}.usage-boxes{margin:2rem 0}.usage-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.usage-title{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem}.usage-list{display:flex;flex-direction:column;gap:1.5rem}.usage-item{align-items:flex-start;display:flex;gap:1rem}.usage-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.usage-content{flex:1 1}.usage-description{color:#2c3e50;font-size:1.05rem;margin-bottom:.75rem}.usage-example-text{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.example-spanish{font-size:1.05rem}.special-case-box{background:linear-gradient(135deg,#fff3cd,#fff);border:2px solid #ffc107;border-radius:12px;box-shadow:0 2px 8px #ffc1071a;margin:2rem 0;padding:2rem}.special-case-title{color:#856404;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.special-case-text{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.special-examples-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.special-example{background:#fff;border:1px solid #ffc107;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.example-note{color:#856404}.omission-section{background:linear-gradient(135deg,#fce4ec,#fff);border-left-color:#e91e63}.omission-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.omission-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.omission-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.omission-title{color:#c2185b;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.omission-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.omission-examples{display:flex;flex-direction:column;gap:.75rem}.omission-example{background:#f8f9fa;border-left:3px solid #e91e63;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.omission-example.contrast{border-left-color:#4caf50}.omission-example.wrong{background:#ffebee;border-left-color:#f44336}.spanish-only-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.spanish-only-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.spanish-only-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.spanish-only-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.spanish-only-title{color:#7b1fa2;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.spanish-only-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.comparison-examples{display:flex;flex-direction:column}.comparison-example{grid-gap:1rem;background:#f8f9fa;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.comparison-example,.lang-box{border-radius:8px;padding:1rem}.lang-box{border:2px solid;display:flex;flex-direction:column;gap:.5rem}.lang-box.spanish-box{background:linear-gradient(135deg,#e8f5e9,#fff);border-color:#4caf50}.lang-box.english-box{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#2196f3}.lang-label{font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.spanish-box .lang-label{color:#2e7d32}.english-box .lang-label{color:#1565c0}.lang-text{color:#2c3e50;font-size:1.05rem;font-weight:600}.lang-note{color:#666;font-size:.85rem;font-style:italic}.important-reminder-box{background:linear-gradient(135deg,#fff3e0,#fff);border:2px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #ff98001a;margin:2rem 0;padding:2rem}.reminder-title{color:#e65100;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.reminder-text{color:#555;font-size:1.05rem;line-height:1.6;margin:0}.contractions-section{background:linear-gradient(135deg,#e1f5fe,#fff);border-left-color:#0288d1}.contractions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.contraction-box{background:#fff;border:2px solid #0288d1;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.contraction-formula{align-items:center;background:linear-gradient(135deg,#e1f5fe,#fff);border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1.5rem}.formula-part{background:#2196f3;border-radius:8px;color:#fff;font-size:1.3rem;font-weight:700;padding:.75rem 1.25rem}.formula-equals,.formula-plus{color:#0288d1;font-size:1.5rem;font-weight:700}.formula-result{background:#4caf50;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;padding:.75rem 1.25rem}.contraction-examples{display:flex;flex-direction:column;gap:1rem}.contraction-example{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.important-note-box{background:linear-gradient(135deg,#ffebee,#fff);border:2px solid #f44336;border-radius:12px;margin:2rem 0;padding:2rem}.note-title{color:#c62828;font-size:1.3rem;margin-bottom:1rem}.note-text{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.note-examples{display:flex;flex-wrap:wrap;gap:1rem}.note-example{align-items:center;background:#fff;border:1px solid #f44336;border-radius:8px;display:flex;gap:.5rem;padding:.75rem 1.25rem}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.articles-table{font-size:.9rem}.article-word{font-size:1.5rem}.usage-item{flex-direction:column}.contractions-grid,.omission-grid{grid-template-columns:1fr}.contraction-formula{flex-wrap:wrap}.comparison-example,.spanish-only-grid,.special-examples-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}}@media (max-width:480px){.content-section-title{font-size:1.4rem}.article-word{font-size:1.3rem}.formula-part,.formula-result{font-size:1.1rem;padding:.5rem 1rem}.cta-title{font-size:1.4rem}}.key-concept-text{font-size:1.1rem}.very-common-section{background:linear-gradient(135deg,#e8f5e9,#fff);border-left-color:#4caf50}.common-section{background:linear-gradient(135deg,#fff3e0,#fff);border-left-color:#ff9800}.rare-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.preposition-type-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.preposition-type-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.type-note{background:linear-gradient(135deg,#fff3cd,#fff);border-left:3px solid #ffc107;color:#856404}.comparison-grid{margin-bottom:1.5rem}.comparison-item{background:#fff;border:2px solid}.comparison-item.para-item{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#2196f3}.comparison-item.por-item{background:linear-gradient(135deg,#fce4ec,#fff);border-color:#e91e63}.comparison-item h4{font-size:1.1rem;margin-bottom:1rem;text-align:center}.para-item h4{color:#1565c0}.por-item h4{color:#c2185b}.comparison-note{border-left:3px solid #673ab7}.comparison-note strong{color:#673ab7}.comparison-note ul{margin:1rem 0 0}.comparison-note li{line-height:1.6;margin-bottom:.75rem}.prepositions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:2rem 0}.preposition-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.preposition-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.preposition-card.very-common{background:linear-gradient(135deg,#e8f5e9,#fff);border-color:#4caf50}.preposition-card.common{background:linear-gradient(135deg,#fff3e0,#fff);border-color:#ff9800}.preposition-card.rare{background:linear-gradient(135deg,#f3e5f5,#fff);border-color:#9c27b0}.preposition-card.archaic{background:#f5f5f5;border-color:#bdbdbd;opacity:.6}.preposition-spanish{color:#2c3e50;font-size:1.8rem;font-weight:700}.preposition-english{color:#666;font-size:.95rem;font-style:italic}.frequency-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;padding:.25rem .75rem;text-transform:uppercase}.very-common .frequency-badge{background:#4caf50;color:#fff}.common .frequency-badge{background:#ff9800;color:#fff}.rare .frequency-badge{background:#9c27b0;color:#fff}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.preposition-type-box{margin-bottom:1.5rem;padding:1.5rem}.type-title{font-size:1.3rem}.example-item{padding:.875rem}.example-spanish{font-size:1rem}.prepositions-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preposition-card{padding:1rem}.preposition-spanish{font-size:1.5rem}.comparison-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}}@media (max-width:480px){.tense-content{padding:.75rem}.content-section{padding:1rem}.content-section-title{font-size:1.4rem}.preposition-type-box{padding:1rem}.type-title{font-size:1.2rem}.type-description{font-size:1rem}.example-spanish{font-size:.95rem}.example-english{font-size:.85rem}.prepositions-grid{grid-template-columns:1fr}.preposition-spanish{font-size:1.4rem}.cta-title{font-size:1.3rem}.cta-button{font-size:.95rem;padding:.75rem 1.5rem}}.key-concept-text{color:#555;font-size:1.05rem;line-height:1.8;margin:0}.basic-section{background:linear-gradient(135deg,#e8f5e9,#fff);border-left-color:#4caf50}.additional-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.reference-section{background:linear-gradient(135deg,#e1f5fe,#fff);border-left-color:#0288d1}.interrogative-type-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.interrogative-type-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.type-title{border-bottom:3px solid #4caf50;font-size:1.6rem;padding-bottom:.75rem}.example-label{color:#667eea;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.comparison-box{background:linear-gradient(135deg,#fff3e0,#fff);border:2px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #ff98001a;margin:2rem 0;padding:2rem}.comparison-title{color:#e65100;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.comparison-note{background:#fff;border-radius:8px;line-height:1.7;padding:1.5rem}.comparison-note p{font-size:1.05rem;margin-bottom:.75rem}.comparison-note strong{color:#e65100;font-size:1.1rem}.comparison-note ul{margin:.5rem 0 1.5rem;padding-left:1.5rem}.comparison-note li{color:#555;margin-bottom:.5rem}.comparison-note em{color:#1565c0;font-style:normal;font-weight:600}.additional-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:2rem 0}.additional-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.additional-box:hover{border-color:#9c27b0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.additional-title{color:#7b1fa2;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.additional-subtitle{color:#666;font-size:1rem;font-style:italic;margin-bottom:1rem}.additional-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.additional-examples{display:flex;flex-direction:column;gap:.75rem}.additional-examples .example-item{border-left-color:#9c27b0}.interrogatives-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:2rem 0}.interrogative-card{background:linear-gradient(135deg,#e3f2fd,#fff);border:2px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.interrogative-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-3px)}.interrogative-spanish{color:#1565c0;font-size:1.8rem;font-weight:700}.interrogative-english{color:#666;font-size:.95rem;font-style:italic}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.interrogative-type-box{margin-bottom:1.5rem;padding:1.5rem}.type-title{font-size:1.4rem}.example-item{padding:.875rem}.example-spanish{font-size:1rem}.additional-grid{grid-template-columns:1fr}.interrogatives-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.interrogative-card{padding:1rem}.cta-title,.interrogative-spanish{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}}@media (max-width:480px){.tense-content{padding:.75rem}.content-section{padding:1rem}.content-section-title{font-size:1.4rem}.interrogative-type-box{padding:1rem}.type-title{font-size:1.2rem}.type-description{font-size:1rem}.example-spanish{font-size:.95rem}.example-english{font-size:.85rem}.additional-box{padding:1rem}.additional-title{font-size:1.2rem}.interrogatives-grid{grid-template-columns:1fr}.interrogative-spanish{font-size:1.4rem}.cta-title{font-size:1.3rem}.cta-button{font-size:.95rem;padding:.75rem 1.5rem}}.tense-content{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.content-section{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #007bff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.content-section-title{color:#2c3e50;position:relative}.content-section-title:after{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.content-text{color:#555;font-size:1.1rem;margin-bottom:1.5rem;text-align:justify}.intro-section{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border-left-color:#2196f3}.key-concept-box{background:linear-gradient(135deg,#fff3e0,#fff);border:2px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #ff98001a;margin:1.5rem 0;padding:1.5rem}.key-concept-title{color:#e65100;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.example-note{color:#e65100;font-size:.95rem;font-weight:600;margin-top:.5rem}.categories-section{background:linear-gradient(135deg,#e8f5e9,#fff);border-left-color:#4caf50}.confusions-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-left-color:#9c27b0}.connector-type-box{background:#fff;border-left:4px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.additive-box{border-left-color:#4caf50}.contrast-box{border-left-color:#f44336}.causal-box{border-left-color:#2196f3}.consecutive-box{border-left-color:#ff9800}.purpose-box{border-left-color:#9c27b0}.temporal-box{border-left-color:#00bcd4}.conditional-box{border-left-color:#ffeb3b}.concessive-box{border-left-color:#e91e63}.comparative-box{border-left-color:#3f51b5}.explanatory-box{border-left-color:#009688}.exemplifying-box{border-left-color:#8bc34a}.reformulating-box{border-left-color:#ff5722}.organizer-box{border-left-color:#673ab7}.emphatic-box{border-left-color:#ffc107}.certainty-box{border-left-color:#607d8b}.spatial-box{border-left-color:#795548}.type-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.type-description{color:#555;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.type-note{background:linear-gradient(135deg,#e3f2fd,#fff);border-left:3px solid #2196f3;border-radius:8px;color:#1565c0;font-size:1rem;margin-bottom:1rem;padding:1rem}.connector-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.connector-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.95rem;font-weight:600;padding:.5rem 1rem;transition:transform .2s ease}.type-examples{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.example-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:1rem}.example-spanish{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.example-spanish strong{color:#4f46e5}.example-english{color:#666;font-size:.95rem;font-style:italic}.confusion-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.confusion-title{color:#7b1fa2;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.confusion-item{background:#f8f9fa;border-left:3px solid #9c27b0;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.confusion-word{color:#7b1fa2;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.confusion-meaning{color:#555;font-size:1.05rem;font-style:italic;margin-bottom:1rem}.confusion-example{background:#fff;border-radius:6px;padding:1rem}.comparison-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.comparison-item{background:#f8f9fa;border-left:3px solid #9c27b0;border-radius:8px;padding:1.5rem}.comparison-item h4{color:#7b1fa2;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.comparison-desc{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.cta-section{background:linear-gradient(135deg,#6366f10d,#4f46e514)}.cta-content{text-align:center}.cta-title{margin-bottom:1rem}.cta-message{font-size:1.1rem;margin-left:auto;margin-right:auto;max-width:700px}.cta-button{box-shadow:0 4px 12px #6366f14d;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{box-shadow:0 6px 16px #6366f166}.cta-button-text{margin-right:.5rem}.cta-button-icon{font-size:1.3rem}@media (max-width:768px){.tense-content{padding:1rem}.content-section{margin-bottom:2rem;padding:1.5rem}.content-section-title{font-size:1.6rem}.connector-type-box{margin-bottom:1.5rem;padding:1.5rem}.type-title{font-size:1.3rem}.connector-list{gap:.4rem}.connector-badge{font-size:.85rem;padding:.4rem .8rem}.example-item{padding:.875rem}.example-spanish{font-size:1rem}.confusion-box{padding:1.5rem}.comparison-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.cta-button,.cta-message{font-size:1rem}.cta-button{padding:.875rem 1.75rem}}@media (max-width:480px){.tense-content{padding:.75rem}.content-section{padding:1rem}.content-section-title{font-size:1.4rem}.connector-type-box{padding:1rem}.type-title{font-size:1.2rem}.type-description{font-size:1rem}.connector-badge{font-size:.8rem;padding:.35rem .7rem}.example-spanish{font-size:.95rem}.example-english{font-size:.85rem}.confusion-item{padding:1rem}.confusion-word{font-size:1.2rem}.cta-title{font-size:1.3rem}.cta-button{font-size:.95rem;padding:.75rem 1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.direct-section{background:linear-gradient(135deg,#f59e0b0f,#fbbf241f);border-left:6px solid #f59e0b}.indirect-section{background:linear-gradient(135deg,#10b9810f,#34d3991f);border-left:6px solid #10b981}.double-section{background:linear-gradient(135deg,#8b5cf60f,#a78bfa1f);border-left:6px solid #8b5cf6}.reflexive-section{background:linear-gradient(135deg,#3b82f60f,#60a5fa1f);border-left:6px solid #3b82f6}.note-box{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;margin-top:1.25rem;padding:1.25rem}.note-title{margin-bottom:.5rem}.note-text{color:#6b7280}.combo-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:.75rem}.combo{background:#fff;border:1px solid #fbbf24;border-radius:10px;color:#92400e;font-weight:700;padding:.5rem .75rem;text-align:center}.inline-pronouns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.inline-pronouns span{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#111827;font-weight:700;padding:.35rem .75rem}.direct-section .inline-pronouns span,.dop,.inline-pronouns .dop{border-color:#f59e0b;color:#b45309}.indirect-section .inline-pronouns span,.inline-pronouns .iop,.iop{border-color:#10b981;color:#047857}.inline-pronouns .refl,.refl,.reflexive-section .inline-pronouns span{border-color:#3b82f6;color:#1d4ed8}.example-es .iop{color:#047857}.example-es .dop{color:#b45309}.verb-list-box{background:#f8fafc;border-left:3px solid #6366f1;border-radius:10px;margin:.5rem 0 1rem;padding:1rem}.verb-list-title{color:#1f2937;font-size:.95rem;font-weight:800;margin-bottom:.5rem}.verb-pairs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.verb-pair{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:block;font-size:.95rem;padding:.5rem .75rem}.verb-list{display:flex;flex-wrap:wrap;gap:.5rem}.verb-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.9rem;padding:.4rem .75rem}@media (max-width:768px){.content-section{padding:1.5rem}}.periphrasis-grid{grid-gap:1.25rem;align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1rem}.periphrasis-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 10px #1118270d;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:1.25rem;transition:box-shadow .2s ease,transform .2s ease}.periphrasis-card:hover{box-shadow:0 8px 20px #11182714;transform:translateY(-2px)}.formula{color:#111827;font-weight:800;line-height:1.5;margin-bottom:.75rem}.infinitive-section .periphrasis-card .formula strong{color:#059669}.gerund-section .periphrasis-card .formula strong{color:#2563eb}.participle-section .periphrasis-card .formula strong{color:#d97706}.example{background:#f9fafb;border:1px solid #e5e7eb;border-left-width:4px;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;margin-top:auto;overflow:hidden;padding:.75rem}.infinitive-section .example{border-left-color:#10b981}.gerund-section .example{border-left-color:#3b82f6}.participle-section .example{border-left-color:#f59e0b}.example-es{color:#111827;font-weight:700}.example-en,.example-es{word-wrap:break-word;overflow-wrap:break-word;padding-left:2.5rem;position:relative}.example-en{color:#6b7280;font-size:.95rem;font-style:italic}.example-en:before,.example-es:before{background:#e5e7eb;border-radius:4px;color:#374151;content:attr(data-label);flex-shrink:0;font-size:.65rem;font-weight:800;left:0;letter-spacing:.02em;line-height:1.2;min-width:1.8rem;padding:.1rem .3rem;position:absolute;text-align:center;top:0}.example-es:before{content:"ES"}.example-en:before{content:"EN"}.infinitive-section{background:linear-gradient(135deg,#22c55e0f,#10b9811f);border-left:6px solid #22c55e}.gerund-section{background:linear-gradient(135deg,#3b82f60f,#60a5fa1f);border-left:6px solid #3b82f6}.participle-section{background:linear-gradient(135deg,#f59e0b0f,#fbbf241f);border-left:6px solid #f59e0b}.example-box .example-en,.example-box .example-es{padding-left:0}@media (max-width:768px){.content-section{padding:1.5rem}.periphrasis-grid{gap:1rem;grid-template-columns:1fr}}.syllables-section{background:linear-gradient(135deg,#22c55e0d,#10b9811a);border-left:4px solid #22c55e}.concept-block{margin-bottom:2rem}.concept-block:last-child{margin-bottom:0}.concept-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin:0 0 .75rem}.rules-section{background:linear-gradient(135deg,#3b82f60d,#60a5fa1a);border-left:4px solid #3b82f6}.rule-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative}.rule-box.rule-1{background:linear-gradient(135deg,#10b98108,#34d3990f);border-left:4px solid #10b981}.rule-box.rule-2{background:linear-gradient(135deg,#f59e0b08,#fbbf240f);border-left:4px solid #f59e0b}.rule-number{background:linear-gradient(135deg,#5349ea,#6b5fed);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:800;margin-bottom:.75rem;padding:.35rem .85rem}.rule-number,.rule-title{font-family:Montserrat,sans-serif}.rule-title{color:#111827;font-size:1.3rem;font-weight:700;margin:.5rem 0 .75rem}.rule-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1rem}.accent-note{background:linear-gradient(135deg,#ef44441a,#f8717126);border:2px solid #ef4444}.note-title{color:#991b1b}.note-list{list-style:disc;margin:.75rem 0 0 1.5rem;padding:0}.note-list li{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:.5rem}.example-box.exception{background:linear-gradient(135deg,#f59e0b14,#fbbf241f);border:2px solid #f59e0b4d}.exception-examples{margin-top:2rem}.names-section{background:linear-gradient(135deg,#ec48990d,#f472b61a);border-left:4px solid #ec4899}.word-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.word-type-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.word-type-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.word-type-card.aguda{border-left:4px solid #ef4444}.word-type-card.llana{border-left:4px solid #10b981}.word-type-card.esdrujula{border-left:4px solid #3b82f6}.word-type-card.sobresdrujula{border-left:4px solid #8b5cf6}.word-type-name{color:#111827;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.word-type-desc{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.word-type-examples{display:flex;flex-wrap:wrap;gap:.5rem}.word-example{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;padding:.4rem .75rem}.diacritical-section{background:linear-gradient(135deg,#f59e0b0d,#fbbf241a);border-left:4px solid #f59e0b}.diacritical-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:1.5rem}.diacritical-pair{grid-gap:1rem;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;padding:1.25rem}.word-with-accent,.word-without-accent{display:flex;flex-direction:column;gap:.5rem}.word-spelling{color:#111827;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;margin:0;text-align:center}.word-meaning{color:#6b7280;font-size:.95rem;font-weight:600}.word-example-sentence,.word-meaning{font-family:Raleway,sans-serif;margin:0}.word-example-sentence{color:#9ca3af;font-size:.9rem;font-style:italic}.vs-divider{color:#9ca3af;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;text-align:center}.question-words-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.question-word{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;color:#92400e;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.5rem 1rem}.diphthong-section{background:linear-gradient(135deg,#10b9810d,#34d3991a);border-left:4px solid #10b981}.vowel-classification{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.vowel-group{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.vowel-group.strong-vowels{border-left:4px solid #ef4444}.vowel-group.weak-vowels{border-left:4px solid #3b82f6}.vowel-group-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.vowel-explanation{color:#4b5563;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.7;margin:0 0 1rem;text-align:left}.vowel-list{gap:.75rem}.vowel-item,.vowel-list{display:flex;justify-content:center}.vowel-item{align-items:center;background:linear-gradient(135deg,#5349ea,#6b5fed);border-radius:50%;color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;height:50px;width:50px}.diphthong-rules,.hiatus-rules{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.diphthong-rule,.hiatus-rule{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.hiatus-rule.accent-required{background:linear-gradient(135deg,#ef444408,#f871710f);border-left:4px solid #ef4444}.rule-subtitle{color:#111827;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 .5rem}.rule-text{color:#6b7280;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.6;margin:0 0 1rem}.hiatus-block{background:linear-gradient(135deg,#ef44440d,#f8717114);border-left:3px solid #ef4444;border-radius:10px;margin-top:2rem;padding:1.5rem}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1rem}.word-types-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.diacritical-pair{gap:1rem;grid-template-columns:1fr}.vs-divider{display:none}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{font-size:1.4rem}.content-text{font-size:.95rem;line-height:1.6}.concept-title{font-size:1.2rem}.rule-box{padding:1.25rem}.rule-title{font-size:1.15rem}.examples-list{gap:.875rem;grid-template-columns:1fr}.word-types-grid{gap:1.25rem;grid-template-columns:1fr}.word-type-card{padding:1.25rem}.diacritical-pair{padding:1rem}.word-spelling{font-size:1.5rem}.vowel-classification{gap:1.25rem;grid-template-columns:1fr}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.9rem;line-height:1.5}.concept-title{font-size:1.05rem}.rule-box{padding:1rem}.rule-number{font-size:.8rem;padding:.3rem .7rem}.rule-title{font-size:1.05rem}.example-text,.rule-description,.rule-text{font-size:.9rem}.example-translation{font-size:.85rem}.word-type-name{font-size:1.15rem}.word-type-desc{font-size:.85rem}.word-example{font-size:.8rem;padding:.35rem .65rem}.word-spelling{font-size:1.3rem}.word-meaning{font-size:.85rem}.word-example-sentence{font-size:.8rem}.vowel-item{font-size:1.2rem;height:40px;width:40px}.vowel-explanation{font-size:.85rem}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.important-note{font-size:.9rem;padding:1rem}.note-title{font-size:1rem}.note-text{font-size:.9rem}}.why-section{background:linear-gradient(135deg,#22c55e0d,#10b9811a);border-left:4px solid #22c55e}.reasons-list{list-style:none;margin:1rem 0;padding:0}.reasons-list li{color:#374151;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.8;padding:.5rem 0 .5rem 1.5rem;position:relative}.reasons-list li:before{color:#22c55e;content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}.comparison-examples{margin-top:2rem}.example-box.active{background:linear-gradient(135deg,#3b82f60d,#60a5fa1a);border-left:4px solid #3b82f6}.example-box.passive{background:linear-gradient(135deg,#10b9810d,#34d3991a);border-left:4px solid #10b981}.example-box.reflexive-passive{background:linear-gradient(135deg,#f59e0b0d,#fbbf241a);border-left:4px solid #f59e0b}.structure-section{background:linear-gradient(135deg,#3b82f60d,#60a5fa1a);border-left:4px solid #3b82f6}.structure-formula{background:#f3f4f6;border-left:3px solid #5349ea;border-radius:8px;color:#5349ea;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.8;margin:1rem 0;padding:1rem}.ser-note{background:linear-gradient(135deg,#ef44441a,#f8717126);border:2px solid #ef4444}.ser-vs-estar-examples{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 0}.estar-example,.ser-example{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.ser-example{border-left:3px solid #10b981}.estar-example{border-left:3px solid #f59e0b}.reflexive-section{background:linear-gradient(135deg,#f59e0b0d,#fbbf241a);border-left:4px solid #f59e0b}.comparison-table{grid-gap:0;border:2px solid #e5e7eb;border-radius:12px;display:grid;gap:0;grid-template-columns:1fr 1.5fr 1.5fr;margin:1.5rem 0;overflow:hidden}.comparison-row{display:contents}.comparison-row.header .comparison-cell{background:#272660;color:#fff;font-weight:700}.comparison-cell{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#374151;font-family:Raleway,sans-serif;font-size:.95rem;padding:1rem}.comparison-cell:last-child{border-right:none}.comparison-row:last-child .comparison-cell{border-bottom:none}.comparison-row:not(.header) .comparison-cell:first-child{background:#f9fafb;color:#111827;font-weight:600}.tenses-section{background:linear-gradient(135deg,#ec48990d,#f472b61a);border-left:4px solid #ec4899}.tense-examples-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1.5rem}.tense-example-block{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.tense-name{border-bottom:2px solid #e5e7eb;color:#111827;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.tense-examples{display:flex;flex-direction:column;gap:1rem}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1rem}.comparison-row,.comparison-table{grid-template-columns:1fr}.comparison-row{display:grid}.comparison-cell{border-bottom:1px solid #e5e7eb;border-right:none}.comparison-row.header .comparison-cell{background:#272660;color:#fff;font-weight:700}.comparison-row:not(.header) .comparison-cell:first-child{background:#f9fafb;font-weight:600}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{font-size:1.4rem}.content-text{font-size:.95rem;line-height:1.6}.examples-list{gap:.875rem;grid-template-columns:1fr}.structure-formula{font-size:.95rem;padding:.875rem}.ser-vs-estar-examples,.tense-examples-grid{grid-template-columns:1fr}.tense-examples-grid{gap:1.25rem}.tense-example-block{padding:1.25rem}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.9rem;line-height:1.5}.structure-title{font-size:1.1rem}.structure-formula{font-size:.9rem;padding:.75rem}.tense-name{font-size:1.05rem}.example-text{font-size:.9rem}.example-translation{font-size:.85rem}.example-breakdown{font-size:.8rem}.comparison-cell{font-size:.85rem;padding:.75rem}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.important-note{font-size:.9rem;padding:1rem}.note-title{font-size:1rem}.note-text{font-size:.9rem}}.tense-content{animation:fadeIn .5s ease-in}.content-section,.tense-content{max-width:100%;overflow-x:hidden}.content-section{box-shadow:0 4px 16px #00000014;box-sizing:border-box}.content-section-title{font-size:1.8rem;margin:0 0 1rem}.content-section-title,.content-text{word-wrap:break-word;overflow-wrap:break-word}.content-text{margin-bottom:1rem;max-width:100%}.intro-section{background:linear-gradient(135deg,#8b5cf60d,#a78bfa1a);border-left:4px solid #8b5cf6}.que-section{background:linear-gradient(135deg,#3b82f60d,#60a5fa1a);border-left:4px solid #3b82f6}.que-note{background:linear-gradient(135deg,#22c55e1a,#10b98126);border:2px solid #22c55e}.que-uses-list{list-style:none;margin:1rem 0;padding:0}.que-uses-list li{color:#374151;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.8;padding:.5rem 0 .5rem 1.5rem;position:relative}.que-uses-list li:before{color:#3b82f6;content:"→";font-size:1.1rem;font-weight:700;left:0;position:absolute}.comparison-examples{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 0}.english-example{background:linear-gradient(135deg,#ef44440d,#f871711a);border-left:4px solid #ef4444}.spanish-example{background:linear-gradient(135deg,#22c55e0d,#10b9811a);border-left:4px solid #22c55e}.connectors-section{background:linear-gradient(135deg,#f59e0b0d,#fbbf241a);border-left:4px solid #f59e0b}.connector-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:1.5rem}.connector-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.connector-name{border-bottom:2px solid #e5e7eb;color:#111827;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.75rem}.connector-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0 0 1rem}.connector-examples{display:flex;flex-direction:column;gap:.875rem;margin:1rem 0}.connector-note{background:#f9fafb;border-left:3px solid #f59e0b;border-radius:4px;color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;line-height:1.6;margin:1rem 0 0;padding:.75rem}.examples-section{background:linear-gradient(135deg,#ec48990d,#f472b61a);border-left:4px solid #ec4899}.examples-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.example-box{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease}.example-box:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.example-label{color:#6b7280;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.example-text{font-size:1rem;margin:0 0 .25rem}.example-translation{margin:.5rem 0 0}.example-breakdown,.example-note{font-size:.85rem;font-style:italic;margin:.5rem 0 0}.example-breakdown{border-top:1px solid #e5e7eb;color:#6b7280;font-family:Raleway,sans-serif;padding-top:.5rem}.structure-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.structure-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0 .75rem}.comparison-box{margin-top:2rem}.subsection-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.important-note{word-wrap:break-word;background:#fff3cd;border:2px solid #ffc107;border-radius:12px;box-sizing:border-box;margin:1.5rem 0;max-width:100%;overflow-wrap:break-word;padding:1.25rem}.note-title{color:#92400e;font-weight:800}.note-text{color:#4b5563;margin-bottom:.5rem}.note-text:last-child{margin-bottom:0}@media (max-width:1024px){.content-section{padding:1.75rem}.content-section-title{font-size:1.6rem}.content-text{font-size:1rem}.connector-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.content-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.content-section-title{font-size:1.4rem}.content-text{font-size:.95rem;line-height:1.6}.examples-list{gap:.875rem;grid-template-columns:1fr}.connector-grid{gap:1.25rem;grid-template-columns:1fr}.connector-card{padding:1.25rem}.comparison-examples{grid-template-columns:1fr}.cta-title{font-size:1.6rem}.cta-message{font-size:1.1rem;line-height:1.6}.cta-button{font-size:1rem;padding:.875rem 1.75rem}}@media (max-width:480px){.content-section{margin-bottom:1rem;padding:1rem}.content-section-title{font-size:1.25rem}.content-text{font-size:.9rem;line-height:1.5}.connector-name{font-size:1.15rem}.connector-description,.example-text{font-size:.9rem}.example-translation{font-size:.85rem}.example-breakdown{font-size:.8rem}.connector-note{font-size:.85rem}.cta-title{font-size:1.4rem}.cta-message{font-size:1rem;line-height:1.5}.cta-button{font-size:.95rem;min-width:180px;padding:.75rem 1.5rem}.important-note{font-size:.9rem;padding:1rem}.note-title{font-size:1rem}.note-text{font-size:.9rem}}@media (max-width:360px){.content-section{padding:.875rem}.content-section-title{font-size:1.15rem}.content-text{font-size:.85rem}.cta-title{font-size:1.25rem}.cta-message{font-size:.95rem;line-height:1.4}.cta-button{font-size:.9rem;min-width:160px;padding:.75rem 1.25rem}}.tense-content{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.content-section{box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:2.5rem;transition:box-shadow .3s ease}.conditional-intro{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border-left:6px solid #3b82f6}.formulas-section{background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border-left:6px solid #8b5cf6}.alternative-formulas-section{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-left:6px solid #f59e0b}.content-section-title{color:#1f2937;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem}.content-text{color:#4b5563;margin-bottom:1.25rem}.content-text strong{color:#1f2937;font-weight:600}.reality-spectrum-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.spectrum-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.spectrum-description{color:#6b7280;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.spectrum-visual{margin-top:1.5rem}.spectrum-bar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);position:relative}.spectrum-point{flex-direction:column;gap:.5rem}.point-number,.spectrum-point{align-items:center;display:flex}.point-number{border-radius:50%;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.formula-1-point .point-number{background:linear-gradient(135deg,#10b981,#059669)}.formula-2-point .point-number{background:linear-gradient(135deg,#3b82f6,#2563eb)}.formula-3-point .point-number{background:linear-gradient(135deg,#f59e0b,#d97706)}.formula-4-point .point-number{background:linear-gradient(135deg,#ef4444,#dc2626)}.point-label{color:#6b7280;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;text-align:center}.conditional-formulas{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.conditional-formula-box{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 4px #0000000d;padding:2rem}.conditional-formula-box.formula-1{background:linear-gradient(135deg,#10b98105,#0596690d);border-left:6px solid #10b981}.conditional-formula-box.formula-2{background:linear-gradient(135deg,#3b82f605,#2563eb0d);border-left:6px solid #3b82f6}.conditional-formula-box.formula-3{background:linear-gradient(135deg,#f59e0b05,#d977060d);border-left:6px solid #f59e0b}.conditional-formula-box.formula-4{background:linear-gradient(135deg,#ef444405,#dc26260d);border-left:6px solid #ef4444}.formula-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.formula-number{background:none;color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700}.reality-badge{border-radius:20px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;padding:.4rem .9rem}.reality-badge.closest-reality{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.reality-badge.real{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.reality-badge.hypothetical{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.reality-badge.furthest{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.conditional-structure{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.if-part{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.formula-arrow{color:#9ca3af;font-size:1.5rem;font-weight:700}.result-part{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.formula-content{margin-top:1rem}.formula-description{color:#4b5563;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.formula-examples{display:flex;flex-direction:column;gap:1rem}.formula-example{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem}.conditional-example{color:#1f2937;font-size:1.05rem;font-weight:600}.conditional-example,.conditional-translation{font-family:Raleway,sans-serif;margin-bottom:.5rem}.conditional-translation{color:#6b7280;font-size:.95rem;font-style:italic}.conditional-note{color:#9ca3af;font-family:Raleway,sans-serif;font-size:.85rem;margin-top:.5rem}.indicative-highlight{background:#10b9811a;color:#059669}.indicative-highlight,.subjunctive-highlight{border-radius:4px;font-weight:700;padding:.15rem .4rem}.subjunctive-highlight{background:#ef44441a;color:#dc2626}.conditional-highlight{background:#f59e0b1a;color:#d97706}.conditional-highlight,.imperative-highlight{border-radius:4px;font-weight:700;padding:.15rem .4rem}.imperative-highlight{background:#8b5cf61a;color:#7c3aed}.past-highlight{background:#3b82f61a;border-radius:4px;color:#2563eb;font-weight:700;padding:.15rem .4rem}.formulas-summary-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;margin-top:2rem;padding:1.5rem}.summary-title{color:#78350f;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{color:#92400e;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6}.alternative-formulas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.alternative-formula-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.75rem}.alternative-header{margin-bottom:1.25rem}.alternative-title{color:#1f2937;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin:0}.alternative-structure{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}.if-part-alt,.result-part-alt{color:#4b5563;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600}.arrow-alt{color:#9ca3af;font-size:1.2rem;font-weight:700}.alternative-description{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.7;margin-bottom:1.25rem}.alternative-examples{display:flex;flex-direction:column;gap:.875rem}.alternative-example{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.example-sentence{color:#1f2937;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.4rem}.example-translation{font-size:.9rem;margin-bottom:.4rem}.example-note{color:#9ca3af;font-family:Raleway,sans-serif;font-size:.8rem;margin:0}.alternative-note-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;border-radius:12px;margin-top:2rem;padding:1.5rem}.note-title{color:#1e3a8a;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.note-text{color:#1e40af;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.7;margin:0}.cta-section{background:linear-gradient(135deg,#6366f114,#4f46e51f);border-left:6px solid #6366f1}.cta-title{color:#1f2937;font-size:1.75rem;margin-bottom:1.25rem}.cta-message{color:#4b5563;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 16px #6366f14d;font-size:1.05rem}.cta-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f166}@media (max-width:1024px){.tense-content{padding:1.5rem}.content-section{padding:2rem}.alternative-formulas-grid{grid-template-columns:1fr}}@media (max-width:768px){.tense-content{padding:1rem}.content-section{padding:1.5rem}.content-section-title{font-size:1.5rem}.content-text{font-size:1rem}.spectrum-bar{gap:1.5rem 1rem;grid-template-columns:repeat(2,1fr)}.conditional-structure{align-items:flex-start;flex-direction:column;gap:.75rem}.if-part,.result-part{font-size:1rem}.alternative-formulas-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.cta-message{font-size:1rem}}@media (max-width:480px){.content-section{padding:1.25rem}.content-section-title{font-size:1.3rem}.formula-header{align-items:flex-start;flex-direction:column}.spectrum-bar{grid-template-columns:1fr}.point-number{font-size:1rem;height:40px;width:40px}.conditional-formula-box{padding:1.5rem}.alternative-formula-card{padding:1.25rem}}.connectors-container{font-family:Raleway,sans-serif;margin:0 auto;max-width:1000px;padding:2rem 1rem}.content-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:3rem;padding:2rem}.content-section-title{color:#111827;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;margin:0 0 1.5rem;text-align:center}.content-text{color:#374151;font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.8;margin:0 0 1rem}.content-text strong{color:#111827;font-weight:700}.intro-section{background:linear-gradient(135deg,#667eea0d,#764ba21a);border-left:4px solid #667eea}.key-point-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.key-point-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:800;margin:0 0 1rem}.connector-benefit-examples{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.benefit-example{background:#fff;border:2px solid #e5e7eb;border-left:4px solid #667eea;border-radius:10px;padding:1rem}.benefit-label{color:#111827;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.benefit-example .example-text{color:#111827;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.benefit-example .example-translation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9rem;font-style:italic;margin:0}.common-connectors-section{background:linear-gradient(135deg,#3b82f60d,#60a5fa1a);border-left:4px solid #3b82f6}.common-connectors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.common-connector-item{background:#fff;border:2px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:12px;padding:1.5rem;transition:all .3s ease}.common-connector-word{color:#3b82f6;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.common-connector-meaning{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:0}.common-connector-item .example-box.small{background:#0000;border:none;margin:0;padding:1rem}.types-intro-section{background:linear-gradient(135deg,#f093fb0d,#f5576c1a);border-left:4px solid #f5576c}.connector-type-section{border-left:4px solid}.adding-section{background:linear-gradient(135deg,#10b9810d,#22c55e1a);border-left-color:#10b981}.contrasting-section{background:linear-gradient(135deg,#ef44440d,#f871711a);border-left-color:#ef4444}.result-section{background:linear-gradient(135deg,#3b82f60d,#60a5fa1a);border-left-color:#3b82f6}.cause-section{background:linear-gradient(135deg,#8b5cf60d,#a78bfa1a);border-left-color:#8b5cf6}.sequencing-section{background:linear-gradient(135deg,#f59e0b0d,#fbbf241a);border-left-color:#f59e0b}.explanatory-section{background:linear-gradient(135deg,#06b6d40d,#22d3ee1a);border-left-color:#06b6d4}.example-section{background:linear-gradient(135deg,#ec48990d,#f472b61a);border-left-color:#ec4899}.concession-section{background:linear-gradient(135deg,#6366f10d,#818cf81a);border-left-color:#6366f1}.summary-section{background:linear-gradient(135deg,#14b8a60d,#2dd4bf1a);border-left-color:#14b8a6}.supporting-section{background:linear-gradient(135deg,#22c55e0d,#4ade801a);border-left-color:#22c55e}.digressing-section{background:linear-gradient(135deg,#a855f70d,#c084fc1a);border-left-color:#a855f7}.connector-type-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.connector-type-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:800;margin:0}.connector-type-label{color:#6b7280;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.connector-words-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.connector-word-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 6px #0000001f;color:#fff;display:inline-flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;padding:.75rem 1.25rem;transition:all .3s ease}.badge-translation{font-family:Raleway,sans-serif;font-size:.8rem;font-weight:500;margin-top:.25rem;opacity:.9}.connector-examples{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.example-box{background:#f9fafb;border:2px solid #e5e7eb;border-left:4px solid #667eea;border-radius:10px;padding:1.25rem;transition:all .3s ease}.example-box.small{background:#0000;border:none;margin:0;padding:1rem}.example-text{color:#111827;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.6;margin:0 0 .5rem}.example-translation{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;font-style:italic;margin:0}.connector-highlight{background:linear-gradient(120deg,#667eea4d,#764ba24d);border-radius:4px;color:#5b21b6;font-weight:800;padding:.15rem .4rem}.tips-section{background:linear-gradient(135deg,#fad0c40d,#ffd1ff1a);border-left:4px solid #f5576c}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}.tip-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center}.tip-icon{font-size:2.5rem;margin-bottom:.75rem}.tip-title{color:#111827;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:800;margin:0 0 .75rem}.tip-text{color:#6b7280;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#5349ea14,#6b5fed1f);border-left:4px solid #5349ea;margin-top:3rem;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-title{color:#272660;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem}.cta-message{color:#444;font-family:Raleway,sans-serif;font-size:1.2rem;line-height:1.7;margin:0 0 2rem;text-align:center}.cta-button{align-items:center;background:linear-gradient(135deg,#5349ea,#6b5fed);border:none;border-radius:12px;box-shadow:0 4px 16px #5349ea4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#4338ca,#5b4fcf);box-shadow:0 6px 20px #5349ea66;transform:translateY(-2px)}.cta-button:active{box-shadow:0 2px 8px #5349ea4d;transform:translateY(0)}.cta-button-text{font-weight:600}.cta-button-icon{font-size:1.2rem;font-weight:700;transition:transform .3s ease}.cta-button:hover .cta-button-icon{transform:translateX(4px)}@media (max-width:768px){.connectors-container{padding:1rem .5rem}.content-section{margin-bottom:2rem;padding:1.5rem 1rem}.content-section-title{font-size:1.6rem}.connector-type-title{font-size:1.3rem}.content-text{font-size:1rem}.connector-type-header{align-items:flex-start;flex-direction:column}.connector-words-grid{gap:.5rem}.connector-word-badge{font-size:.9rem;padding:.6rem 1rem}.badge-translation{font-size:.75rem}.example-text{font-size:1rem}.example-translation{font-size:.9rem}.common-connectors-grid{gap:1rem;grid-template-columns:1fr}.common-connector-item{padding:1.25rem}.common-connector-word{font-size:1.2rem}.tips-grid{gap:1rem;grid-template-columns:1fr}.cta-section{padding:2rem 1.5rem}.cta-title{font-size:1.6rem}.cta-button,.cta-description{font-size:1rem}.cta-button{padding:.875rem 2rem}.key-point-box{padding:1rem}.connector-benefit-examples{gap:.75rem}}@media (max-width:480px){.content-section-title{font-size:1.4rem}.connector-type-title{font-size:1.2rem}.connector-words-grid{flex-direction:column}.connector-word-badge{justify-content:center;width:100%}.cta-title{font-size:1.4rem}}abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;margin:0;vertical-align:initial}article,aside,details,figcaption,figure,header,hgroup,menu,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{bottom:4rem;display:flex;flex-direction:column;font-family:"'Open Sans', sans-serif";margin:0;min-height:100vh;padding:0;position:relative}h1{font-size:2.5rem;margin:20px 0;text-align:center}h1,h2{color:#000;font-family:Montserrat,sans-serif}h2{font-size:1.8rem;font-weight:600;margin:15px 0}button,p{font-family:Montserrat,sans-serif}ul{list-style-type:none;padding:0}div,ul{font-family:Open Sans,sans-serif}div{margin:10px 0}.titletext{background-color:#000;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:15px}.text{align-items:center;display:flex;justify-content:space-between;padding:0 2rem;width:100%}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode h1{color:#b0c4de}body.dark-mode h2{color:#e0e0e0}body.dark-mode .underheader,body.dark-mode div,body.dark-mode ul{color:#eaeaea}body.dark-mode nav{background-color:#222}body.dark-mode li{background-color:#333;border:2px solid #eaeaea;border-radius:5px}body.dark-mode li:hover{background-color:#444}body.dark-mode a{color:#eaeaea}body.dark-mode a:hover{background-color:#555;color:#121212}body.dark-mode footer{background-color:#222;color:#eaeaea;padding:20px;text-align:center}body.dark-mode #light{display:none}body.dark-mode #dark{display:block}
/*# sourceMappingURL=main.bc5545b0.css.map*/