.services-section{--bg:#F5F5F5;--text:#333;--muted:#666;--brand:#00D4AA;--brand-600:#00b894;--card-radius:12px;--card-padding:30px;--container-vertical:80px;--container-horizontal:20px;--max-width:1200px;margin-top:12px;padding:28px var(--container-horizontal) var(--container-vertical);background-color:var(--bg);font-family:Inter,Arial,sans-serif;min-height:100vh;position:relative}.services-container{max-width:var(--max-width);margin:0 auto}.services-main-heading{text-align:center;font-size:clamp(1.8rem,3vw,2.8rem);color:var(--text);margin-bottom:20px;font-weight:700}.services-intro{text-align:center;font-size:clamp(1rem,1.6vw,1.2rem);color:var(--muted);margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.subject-card{background:white;padding:var(--card-padding);border-radius:var(--card-radius);box-shadow:0 6px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.subject-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.15)}.subject-header{margin-bottom:20px}.subject-title{color:var(--brand);font-size:1.4rem;font-weight:600;margin:0;display:inline-flex;align-items:center;gap:10px}.subject-icon{width:22px;height:22px;flex:0 0 auto}.subject-description{color:var(--muted);line-height:1.6;margin-bottom:0;font-size:1rem}.enrollment-cta{background:white;padding:50px;border-radius:12px;text-align:center;box-shadow:0 6px 15px rgba(0,0,0,.08)}.enrollment-cta h2{color:var(--text);font-size:2rem;margin-bottom:15px;font-weight:600}.enrollment-cta p{color:var(--muted);margin-bottom:30px;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.auth-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.auth-btn{padding:15px 40px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1rem;border:2px solid var(--brand);text-decoration:none;display:inline-block;text-align:center}.login-btn{background-color:white;color:var(--brand)}.login-btn:hover{background-color:#f0fdfa;transform:translateY(-2px)}.register-btn{background-color:var(--brand);color:white}.register-btn:hover{background-color:var(--brand-600);transform:translateY(-2px)}.auth-btn:focus-visible{outline:3px solid rgba(0,212,170,.12);outline-offset:2px}@media (max-width:1024px){:root{--card-padding:24px;--container-vertical:40px;--max-width:900px}.services-section{padding:24px var(--container-horizontal) var(--container-vertical)}.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.subject-card{padding:22px;border-radius:10px}.services-intro{margin-bottom:40px}.subject-title{font-size:1.2rem}.subject-description{font-size:.98rem}.enrollment-cta{padding:36px}}@media (min-width:600px) and (max-width:1024px){.services-section{margin-top:32px;padding-left:20px;padding-right:20px}.services-section .subjects-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:22px!important;max-width:920px;margin-left:auto;margin-right:auto;padding:0}.services-section .subjects-grid .subject-card{width:auto!important;max-width:none!important;box-sizing:border-box!important;padding:20px!important}}@media (max-width:480px){:root{--card-padding:16px;--container-vertical:24px}.services-section{margin-top:28px!important;padding:18px 12px var(--container-vertical)}.services-main-heading{font-size:1.6rem}.services-intro{font-size:1rem;margin-bottom:20px}.subjects-grid{grid-template-columns:1fr;gap:16px}.subject-card{padding:14px;text-align:left}.auth-buttons{flex-direction:column;gap:12px}.auth-btn{width:100%;padding:12px 16px}.enrollment-cta{padding:24px}.services-container{padding:0}.services-section{min-height:unset}.services-intro,.services-main-heading{word-break:break-word}.enrollment-cta,.subject-card{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.subject-card{font-size:.97rem}.subject-title{font-size:1.05rem}.subject-description{font-size:.95rem}.enrollment-cta h2{font-size:1.1rem}.enrollment-cta p{font-size:.97rem}.enrollment-cta{margin-top:18px}.enrollment-cta,.services-container,.services-section,.subject-card,.subjects-grid{box-sizing:border-box}.subject-header{margin-bottom:10px}.subject-card{margin-bottom:0}.auth-btn{font-size:1rem}.services-section .subjects-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:none!important;padding:0 12px!important;margin-left:0!important;margin-right:0!important;overflow:visible!important}.services-section .subjects-grid .subject-card{width:100%!important;max-width:none!important;flex:none!important;display:block!important;padding:14px!important;box-sizing:border-box!important}.services-section .subject-description,.services-section .subject-title{word-break:break-word;overflow-wrap:anywhere}body,html{overflow-x:hidden}}@media (min-width:768px) and (max-width:1024px) and (any-pointer:coarse){.services-section{padding:32px 20px 56px}.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:44px}.subject-card{padding:24px 22px}.enrollment-cta{padding:36px 32px}}@media (min-width:1025px) and (max-width:1366px) and (any-pointer:coarse){.services-section{padding:36px 24px 64px}.subjects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.enrollment-cta{padding:42px 40px}}@media (min-width:1025px){.services-section{margin-top:40px;padding-left:24px;padding-right:24px}}