:root{--bg: #ffffff;--primary: #0b4aa6;--primary-2: #004aad;--accent: #00aaff;--muted: #6b7b8a;--navy: #00192c;--white: #ffffff;--card-shadow: 0 12px 24px rgba(3,20,30,.08);--soft-line: rgba(255,255,255,.06);--radius-lg: 12px;--container: 1160px;--gutter: 20px;--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-sans);background:var(--bg);color:#0c243d;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--container);margin:0 auto;padding:48px 24px}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.grid{display:grid;gap:24px}@media(max-width:1024px){.container{padding:0 18px}}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#00192c;color:#fff;padding:15px 60px;position:relative;z-index:1001}.logo img{width:80px;height:80px;border-radius:50%}.nav-links{display:flex;gap:40px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links a{color:#fff;text-decoration:none;letter-spacing:1px;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:#0af;transition:width .3s ease}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;font-size:26px;color:#fff;cursor:pointer}.auth{display:flex;align-items:center;gap:15px}.register{color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.2);letter-spacing:1px;padding-right:10px}.login-btn{background-color:#c7f0f8;border:none;color:#011d32;padding:6px 20px;border-radius:20px;letter-spacing:1px;cursor:pointer;font-weight:600}.login-btn:hover{background-color:#9ee3f3}@media(max-width:900px){.navbar{flex-direction:row;padding:15px 20px}.menu-toggle{display:block}.nav-links{position:fixed;top:80px;left:0;right:0;width:100vw;height:calc(100vh - 80px);background:#00192c;display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:25px;padding-top:30px;z-index:1000}.nav-links.active{display:flex}.nav-links{flex-wrap:unset}}.site-footer{width:100%;background:#00192c;padding:56px 5%;color:#e8f1f6}.footer-inner{width:100%;max-width:1200px;padding:0 20px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}.footer-col .logo{display:flex;align-items:center;gap:14px;margin-bottom:16px}.footer-col .logo img{width:72px;height:72px;border-radius:50%;background:#fff;padding:8px;box-shadow:0 6px 18px #00000040}.footer-desc{color:#ffffffc7;line-height:1.6;font-size:14px;max-width:100%}.footer-heading{font-weight:600;font-size:18px;margin-bottom:14px;color:#fff}.contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;color:var(--muted);font-size:14px}.contact-item{display:flex;gap:12px;align-items:center}.contact-icon{width:36px;height:36px;min-width:36px;border-radius:8px;background:#ffffff0a;display:flex;flex-shrink:0;align-items:center;justify-content:center;color:#cfe9f6;font-size:16px}.contact-text{line-height:1.4;color:#ffffffd6;font-size:14px}.contact-text span{display:block;font-size:13px;opacity:.8}.links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;color:var(--muted)}.links-list a{color:#ffffffdb;text-decoration:none;font-size:14px}.links-list a:hover{color:#d6eefc;text-decoration:underline}.office-time p{color:#fffc;margin:6px 0;font-size:14px;line-height:1.6}.socials{display:flex;gap:12px;margin-top:18px}.social{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:#fff;text-decoration:none;transition:transform .14s ease,background .14s ease;font-size:16px}.social:hover{transform:translateY(-3px);background:#ffffff1f}.footer-bottom{max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:20px}.copyright{flex:1;max-width:60%;line-height:1.5}.bottom-links{display:flex;gap:24px}.bottom-links a{color:#ffffffbf;text-decoration:none;font-size:14px;opacity:.8;transition:.3s}.bottom-links a:hover{color:#fff;text-decoration:underline;opacity:1}@media(max-width:1024px){.footer-inner{grid-template-columns:repeat(2,1fr);gap:30px}.footer-col{text-align:left}.footer-desc{max-width:100%}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:768px){.footer-inner{padding:0 16px;grid-template-columns:1fr;gap:30px;text-align:center}.footer-col{width:100%}.contact-list{align-items:center}.contact-item{justify-content:flex-start;width:100%;max-width:260px;padding:6px 0}.contact-text{text-align:left}.links-list{align-items:center}.footer-desc{text-align:center;margin:0 auto}.footer-bottom{flex-direction:column;text-align:center}.copyright{max-width:100%}.bottom-links{justify-content:center;flex-wrap:wrap}.footer-col .logo{justify-content:center;align-items:center;flex-direction:column;text-align:center}.footer-col .logo img{display:block;margin:0 auto}}@media(max-width:480px){.footer-heading{font-size:16px}.footer-desc,.contact-text,.links-list a,.office-time p{font-size:13px}.social{width:34px;height:34px;font-size:14px}.footer-col .logo img{width:60px;height:60px}}:root{--kp-blue: #0b4aa6;--muted: #6b7b8a;--glass: rgba(255,255,255,.03)}.categories-hero{background:linear-gradient(180deg,#f7fbff,#f3fbff)}.categories-hero-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:6px 0}.hero-text h1{margin:0;color:var(--kp-blue);font-size:32px}.hero-text .muted{color:var(--muted);margin-top:6px}.hero-image{width:420px;height:160px;background-position:center;background-size:cover;border-radius:12px;box-shadow:0 18px 50px #03141e0f;border:1px solid rgba(11,74,166,.06)}@media(max-width:920px){.categories-hero-inner{flex-direction:column;text-align:center}.hero-image{width:100%;height:200px}}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}@media(max-width:1000px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.categories-grid{grid-template-columns:1fr}}.cat-card{display:block;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s;border:1px solid rgba(11,74,166,.06);background:linear-gradient(180deg,#0b4aa605,#ffffff03);box-shadow:0 14px 36px #0214280f}.cat-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #03141e1f}.cat-card-image{width:100%;height:110px;background-size:cover;background-position:center;filter:saturate(.86) contrast(.96);position:relative}.cat-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000f,#00000005)}.cat-card-body{padding:14px 12px;text-align:center}.cat-title{margin:0;font-size:18px;color:var(--kp-blue);font-weight:700}.cat-sub{margin:6px 0 0;font-size:13px;color:var(--muted)}.cat-icon{width:42px;height:42px;margin:0 auto 8px;border-radius:10px;background:#ffffff0a;display:flex;align-items:center;justify-content:center}.wrap{max-width:1200px;margin:0 auto}:root{--kp-blue:#0b4aa6;--muted:#6b7b8a;--glass: rgba(255,255,255,.03)}.kp-section{width:100%;box-sizing:border-box}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.contact-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-hero h1{margin:0;color:var(--kp-blue);font-size:32px}.muted{color:var(--muted);margin-top:6px}.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}@media(max-width:1000px){.contact-layout{grid-template-columns:1fr}}.contact-left h2{color:#042b4d;margin-bottom:10px}.kp-contact-form{display:flex;flex-direction:column;gap:12px;background:transparent}.kp-row{display:flex;gap:12px}.kp-row label{flex:1;display:flex;flex-direction:column;gap:6px}label{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;color:#23455f;font-weight:600}input,textarea{padding:10px 12px;border-radius:8px;border:1px solid rgba(3,20,30,.06);background:linear-gradient(180deg,#ffffff04,#ffffff03);font-size:14px;color:#072032;outline:none}input:focus,textarea:focus{box-shadow:0 8px 22px #0b4aa614;border-color:#0b4aa624}.field-error{color:#c84b4b;font-size:13px;margin-top:4px}.kp-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.btn-primary{background:linear-gradient(180deg,var(--kp-blue),#083d8c);color:#fff;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:700}.kp-success{color:#127a4a;font-weight:600}.kp-error{color:#a62b2b;font-weight:600}.kp-contact-info{display:flex;flex-direction:column;gap:14px}.ci-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:18px;border-radius:12px;border:1px solid rgba(11,74,166,.06)}.ci-card h3{margin:0 0 6px;color:var(--kp-blue)}.ci-desc{color:var(--muted);margin:0 0 10px;font-size:14px}.ci-list{list-style:none;padding:0;margin:0 0 12px;color:#123a4e;font-size:14px;line-height:1.45}.ci-office h4{margin:0 0 6px;color:#0b4aa6}.ci-socials{display:flex;gap:8px;margin-top:12px}.social{width:36px;height:36px;border-radius:8px;background:#ffffff08;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:700}.ci-map{border-radius:10px;overflow:hidden;border:1px solid rgba(3,20,30,.04)}.results-page{font-family:Poppins,sans-serif}.results-hero{background:linear-gradient(180deg,#eef6ff,#fff);text-align:center;padding:40px 0}.results-hero h1{color:#0b4aa6}.topper-section{margin-bottom:40px}.topper-section h2{color:#083d8c;margin-bottom:20px}.topper-grid{display:flex;flex-wrap:wrap;gap:20px}.topper-card{width:160px;background:#fff;border-radius:12px;padding:15px;text-align:center;box-shadow:0 8px 20px #0000000d;transition:.3s}.topper-card:hover{transform:translateY(-5px)}.top1{box-shadow:0 0 20px #ffd70080}.top2{box-shadow:0 0 20px #c0c0c080}.top3{box-shadow:0 0 20px #cd7f3280}.photo-box{position:relative;width:100px;height:120px;margin:auto;border-radius:8px;overflow:hidden}.photo-box img{width:100%;height:100%;object-fit:cover}.medal{position:absolute;top:-10px;right:-10px;font-size:20px}.info h3{margin:10px 0 5px;font-size:16px}.info p{color:#0b4aa6;font-weight:600}.carousel{position:relative;width:100%;height:600px;border-radius:16px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel img{max-width:100%;max-height:60%;object-fit:contain;transition:.5s ease}.nav{position:absolute;top:50%;transform:translateY(-50%);background:#0b4aa6b3;color:#fff;border:none;font-size:24px;padding:10px 14px;cursor:pointer;border-radius:50%}.prev{left:10px}.next{right:10px}.dots{position:absolute;bottom:10px;width:100%;text-align:center}.dots span{display:inline-block;width:10px;height:10px;margin:0 5px;background:#ccc;border-radius:50%;cursor:pointer}.dots .active{background:#0b4aa6}@media(max-width:768px){.carousel{height:50vh;min-height:250px}.nav{font-size:18px;padding:8px 10px}}@media(max-width:480px){.carousel{height:45vh;min-height:220px}.nav{font-size:16px;padding:6px 8px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{height:auto;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.contact{padding:60px 20px}.contact-header{text-align:center;margin-bottom:50px}.contact-header h1{font-size:38px;color:#163871}.contact-header p{color:#64748b;margin-top:10px}.container{max-width:1100px;margin:auto}.contact-wrapper{padding:10px;margin:10px;display:flex;gap:30px;flex-wrap:wrap}.card{flex:1;padding:25px;border-radius:16px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000014;transition:.3s}.card:hover{transform:translateY(-5px)}.card h2{color:#163871}.info-box{display:flex;gap:15px;margin-bottom:25px;align-items:flex-start}.info-box span{font-size:22px;min-width:30px;margin-top:3px}.info-box h4{font-size:16px;margin-bottom:6px;color:#163871}.info-box p{font-size:14px;color:#555;line-height:1.6;word-break:break-word}.info-box:not(:last-child){border-bottom:1px solid #eee;padding-bottom:15px}.info-box:hover{transform:translate(5px);transition:.3s}.map{margin-top:40px;overflow:hidden}.map iframe{width:100%;height:300px;border:none;border-radius:16px}@media(max-width:768px){.contact-wrapper{flex-direction:column}}.gallery-page{text-align:center;padding:80px 5%;background:#f7fbff}.gallery-title{color:#012b5d;font-size:36px;margin-bottom:10px;font-weight:700}.gallery-page .subtitle{color:#6b7b8a;font-size:15px;max-width:600px;margin:0 auto 40px}.gallery-sub{text-align:center;margin-bottom:40px;color:#555}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:12px;cursor:pointer;transition:.3s}.gallery-grid img:hover{transform:scale(1.05)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999}.lightbox img{max-width:90%;max-height:80%;border-radius:10px;z-index:1}.close-btn{position:absolute;top:20px;right:30px;font-size:35px;color:#fff;cursor:pointer;z-index:1001}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#fff;background:#00000080;border:none;cursor:pointer;padding:10px 15px;border-radius:8px;z-index:1000}.nav-btn:hover{background:#000c}.prev{left:20px}.next{right:20px}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gallery-grid{display:flex;overflow-y:auto;gap:12px;padding-bottom:10px}.gallery-grid img{min-width:250px;height:180px;flex-shrink:0}}