@font-face{font-family:ChakraPetch-Light;src:url(public/ChakraPetch-Light.ttf) format("truetype")}@font-face{font-family:ChakraPetch-Bold;src:url(/assets/ChakraPetch-Bold-s-gf-5Hp.ttf) format("truetype")}html{font-size:calc(100vw * 16 / 1440);overflow-x:hidden}@media screen and (max-width:1440px){html{font-size:16px}}@media screen and (max-width:768px){html{font-size:14px}}@media screen and (max-width:480px){html{font-size:12px}}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-y:auto;background:#000}.logo{position:fixed;width:30%;height:10%;top:5%;left:5%;z-index:3;object-fit:cover;display:flex;align-items:center;justify-content:left}.logo img{position:absolute;width:100%;height:100%;object-fit:contain}@media screen and (max-width:600px){.logo{width:50%;top:2%;height:12%}.logo img{transform:scale(1.08)}}.navigation{position:fixed;width:8%;height:100%;top:2%;right:0%;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.navigation a{position:relative;margin:30%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:ChakraPetch-Bold,sans-serif;font-size:1rem;color:#fff}@media screen and (max-width:600px){.navigation{width:90%;height:6%;inset:auto auto 2% 5%;display:flex;flex-direction:row;align-items:center}.navigation a{margin:2%}}.navigation a:after{position:absolute;content:"";width:0%;height:.03rem;left:0;bottom:-.03rem;background:#fff;transition:.8s}.navigation a:hover:after{width:100%}.exam-main{background-color:#0a0a0a;color:#fff;font-family:ChakraPetch-Light,sans-serif}.exam-hero{position:relative;height:75vh;display:grid;place-items:center;text-align:center;background-image:url(public/chalkboard-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed}.exam-hero-overlay{position:absolute;inset:0;background:#0a0a0ab3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.exam-hero-content{position:relative;z-index:2;padding:2rem;margin-top:5rem}.exam-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:#e0e0e0;margin:0;text-shadow:0 2px 15px rgba(0,0,0,.5)}.exam-subtitle{font-size:clamp(1.5rem,2.5vw,1.3rem);color:#fffc;margin:1rem 0 2.5rem;line-height:1.8}.exam-event-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:lighter;letter-spacing:.1em;color:#fff;display:inline-block;border:1px solid rgba(74,144,226,.6);background:#4a90e233;padding:.6rem 2rem;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.exam-section{padding:100px 5%;border-bottom:1px solid rgba(255,255,255,.08)}.exam-container{max-width:900px;margin:0 auto}.exam-section-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:2.2rem;font-weight:400;color:#e0e0e0;margin-bottom:3rem;text-align:center;position:relative;padding-bottom:1rem}.exam-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:#4a90e2}.exam-section-title span{display:block;font-family:ChakraPetch-Light,sans-serif;font-size:1rem;letter-spacing:.2em;color:#4a90e2;margin-bottom:.5rem}.concept-section{background-color:#111}.concept-text{font-size:1.1rem;line-height:2.2;color:#ffffffd9;text-align:center}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.concept-grid .concept-text{text-align:left}.concept-flyer img{width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.15);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.concept-flyer img:hover{transform:scale(1.03);box-shadow:0 10px 30px #0006}.concept-text .highlight-point{color:#4a90e2;font-weight:700}.concept-text .main-feature{font-size:1.15em;color:#fff;font-weight:700;background:#4a90e233;padding:.2em .4em;border-radius:4px}.concept-text .final-appeal{display:block;text-align:center;margin-top:1.5rem;font-size:1.25em;color:#fff;font-weight:700}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.subject-card{background:#1c1c1c;border-radius:8px;padding:2rem 1rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.subject-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #4a90e233;border-color:#4a90e2}.subject-icon{font-family:Times New Roman,serif;font-size:2.5rem;color:#4a90e2;margin-bottom:1rem}.subject-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.3rem;color:#e0e0e0;margin:0}.pricing-section{background-color:#111}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.pricing-card{background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2.5rem;text-align:center}.pricing-card.student-plan{border-color:#4a90e2;transform:scale(1.05)}.plan-header{margin-bottom:2rem}.plan-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.6rem;color:#fff;margin:0 0 .5rem}.plan-subtitle{font-size:.9rem;color:#fff9;margin:0}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:1.1rem}.plan-features li span{color:#fffc}.plan-features li strong{font-size:2rem;color:#4a90e2}.plan-features li.special-offer{background:#4a90e21a;margin:0 -2.5rem;padding:1rem 2.5rem}.notes-section{background-color:#1c1c1c;border-bottom:none}.notes-text{background:#0003;border-left:4px solid #c0392b;padding:1.5rem 2rem;border-radius:4px;font-size:1rem;line-height:1.8;color:#fffc}@media(max-width:768px){.exam-section{padding:80px 5%}.pricing-grid{grid-template-columns:1fr}.pricing-card.student-plan{transform:scale(1)}.concept-grid{grid-template-columns:1fr;gap:2.5rem}}.footer{position:relative;display:flex;align-items:center;justify-content:center;z-index:0;background:#000}.footer p{font-family:ChakraPetch-Light,sans-serif;font-size:.8rem;color:gray;line-height:1.5}@media screen and (max-width:600px){.footer p{opacity:0}}
