.city-page{--primary:#0b6d41;--primary-dark:#064d2e;--primary-light:#e6f5ed;--primary-mid:#0f8f56;--accent:#ffde59;--accent-light:#fff9e0;--bg:#f0f4f8;--card:#ffffff;--text:#1e293b;--text-light:#64748b;--text-lighter:#94a3b8;--border:#e2e8f0;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 10px 40px rgba(0,0,0,0.12);--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif;font-family:var(--font-body);color:var(--text);line-height:1.7;background:var(--bg);-webkit-font-smoothing:antialiased}.city-page a{color:var(--primary);text-decoration:none}.city-page .hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 50%,#000 100%);color:#fff;padding:56px 20px 64px;text-align:center;position:relative;overflow:hidden}.city-page .hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.06) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.04) 0,transparent 40%);animation:heroShift 20s ease-in-out infinite}@keyframes heroShift{0%,to{transform:translate(0)}50%{transform:translate(-5%,-3%)}}.city-page .hero-inner{position:relative;z-index:2;max-width:800px;margin:0 auto}.city-page .hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:8px 20px;border-radius:50px;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:24px}.city-page .hero h1{font-family:var(--font-heading);font-size:2.4rem;font-weight:800;line-height:1.2;margin-bottom:12px}.city-page .hero h1 .city-highlight{background:linear-gradient(90deg,var(--accent),#ffe88a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.city-page .hero-sub{font-size:1.1rem;opacity:.88;margin-bottom:32px;max-width:620px;margin-left:auto;margin-right:auto;line-height:1.6}.city-page .hero-stats{display:flex;justify-content:center;gap:16px;margin-bottom:36px;flex-wrap:wrap}.city-page .hero-stat{text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px 24px;min-width:120px}.city-page .hero-stat-num{display:block;font-family:var(--font-heading);font-size:1.8rem;font-weight:800;line-height:1}.city-page .hero-stat-label{font-size:.72rem;opacity:.75;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.city-page .hero-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.city-page .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:var(--font-body)}.city-page .btn-accent{background:var(--accent);color:#1e293b;box-shadow:0 4px 20px rgba(255,222,89,.4)}.city-page .btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(255,222,89,.55);color:#1e293b}.city-page .btn-wa{background:#25d366;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.3)}.city-page .btn-wa:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(37,211,102,.4);color:#fff}.city-page .btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35)}.city-page .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}.city-page .trust-bar{background:var(--card);border-bottom:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.city-page .accred-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-light);color:var(--primary-dark);padding:8px 18px;border-radius:50px;font-weight:600;font-size:.85rem}.city-page .accred-icon{color:var(--primary);font-weight:800}.city-page .trust-sep{color:var(--border);font-size:1.2rem}.city-page .trust-univ{font-size:.82rem;color:var(--text-light);font-weight:500}.city-page .section{padding:48px 20px}.city-page .section-inner{max-width:1100px;margin:0 auto}.city-page .section-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:8px}.city-page .section-subtitle{text-align:center;color:var(--text-light);font-size:1rem;margin-bottom:12px;max-width:600px;margin-left:auto;margin-right:auto}.city-page .section-accent{display:block;width:48px;height:4px;background:var(--accent);border-radius:2px;margin:12px auto 0}.city-page .section-spacer{height:16px}.city-page .section.bg-white{background:var(--card)}.city-page .distance-wrap{padding:20px 20px 0}.city-page .distance-banner{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 auto;max-width:700px;display:flex;align-items:center;overflow:hidden}.city-page .distance-main{flex:1;display:flex;align-items:center;gap:20px;padding:24px 28px}.city-page .distance-num{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:var(--primary);line-height:1}.city-page .distance-num small{font-size:1rem;font-weight:600}.city-page .distance-text h3{font-size:1rem;font-weight:700;color:var(--text)}.city-page .distance-text p{font-size:.85rem;color:var(--text-light)}.city-page .distance-cta{background:var(--primary);color:#fff;padding:24px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:140px;text-align:center;font-size:.82rem;font-weight:600;transition:background .2s}.city-page .distance-cta:hover{background:var(--primary-dark);color:#fff}.city-page .distance-cta svg{width:20px;height:20px}.city-page .usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.city-page .usp-card{background:var(--bg);border-radius:var(--radius);padding:28px 24px;text-align:center;transition:all .3s ease;border:1px solid transparent}.city-page .usp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-mid);background:var(--card)}.city-page .usp-icon{font-size:2rem;margin-bottom:12px;color:var(--primary)}.city-page .usp-card h3{font-size:.95rem;font-weight:700;margin-bottom:6px;color:var(--text)}.city-page .usp-card p{font-size:.85rem;color:var(--text-light);line-height:1.5}.city-page .course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.city-page .course-card{background:var(--card);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column}.city-page .course-card-link{text-decoration:none;color:inherit;cursor:pointer}.city-page .course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-mid)}.city-page .course-icon{font-size:2rem;margin-bottom:12px;color:var(--primary)}.city-page .course-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:16px}.city-page .course-details{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.city-page .course-detail{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.city-page .detail-label{color:var(--text-light)}.city-page .detail-value{font-weight:600;color:var(--text)}.city-page .course-eligibility{font-size:.8rem;color:var(--text-lighter);border-top:1px solid var(--border);padding-top:12px;margin-top:auto;margin-bottom:16px}.city-page .course-enquire{display:block;text-align:center;background:var(--primary-light);color:var(--primary-dark);padding:10px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;transition:all .2s}.city-page .course-enquire:hover{background:var(--primary);color:#fff}.city-page .placement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.city-page .placement-stat{background:var(--card);border-radius:var(--radius);padding:28px 20px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.city-page .placement-stat .stat-value{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:var(--primary);line-height:1}.city-page .placement-stat .stat-label{font-size:.82rem;color:var(--text-light);margin-top:6px;text-transform:uppercase;letter-spacing:.04em}.city-page .recruiters-wrap{text-align:center}.city-page .recruiters-title{font-size:.85rem;color:var(--text-light);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.city-page .recruiter-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.city-page .recruiter-badge{background:var(--card);border:1px solid var(--border);padding:8px 18px;border-radius:50px;font-size:.82rem;font-weight:600;color:var(--text);transition:all .2s}.city-page .recruiter-badge--logo{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:12px;min-width:120px;min-height:56px}.city-page .recruiter-logo{object-fit:contain;max-height:36px;width:auto}.city-page .recruiter-badge:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.city-page .reach-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;max-width:800px;margin:0 auto}.city-page .reach-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:24px 28px;display:flex;align-items:center;gap:16px}.city-page .reach-header-icon{font-size:2rem}.city-page .reach-header h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.city-page .reach-header p{font-size:.88rem;opacity:.85}.city-page .reach-items{padding:8px 0}.city-page .reach-item{display:flex;align-items:flex-start;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border)}.city-page .reach-item:last-child{border-bottom:none}.city-page .reach-item-icon{width:40px;height:40px;background:var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;color:var(--primary)}.city-page .reach-item-label{font-size:.78rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em}.city-page .reach-item-value{font-size:.95rem;font-weight:500;color:var(--text)}.city-page .reach-map-cta{text-align:center;margin-top:24px}.city-page .reach-map-cta .btn{display:inline-flex}.city-page .facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.city-page .facility-item{display:flex;align-items:flex-start;gap:14px;background:var(--card);border-radius:var(--radius-sm);padding:20px;border:1px solid var(--border);transition:all .2s}.city-page .facility-item:hover{border-color:var(--primary-mid);box-shadow:var(--shadow-sm)}.city-page .facility-icon{width:44px;height:44px;background:var(--primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;color:var(--primary)}.city-page .facility-item h4{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:2px}.city-page .facility-item p{font-size:.82rem;color:var(--text-light);line-height:1.4}.city-page .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.city-page .testimonial-card{background:var(--card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--border);position:relative}.city-page .testimonial-card:before{content:"\201C";font-size:4rem;font-family:Georgia,serif;color:var(--primary-light);position:absolute;top:8px;left:20px;line-height:1}.city-page .testimonial-text{font-style:italic;color:var(--text-light);font-size:.95rem;margin-bottom:16px;padding-top:20px}.city-page .testimonial-author{font-weight:700;font-size:.88rem;color:var(--text)}.city-page .testimonial-role{font-size:.8rem;color:var(--text-lighter)}.city-page .testimonial-note{background:var(--accent-light);border:1px dashed #ccae3d;border-radius:var(--radius-sm);padding:16px;text-align:center;font-size:.85rem;color:#8b7a2e;font-weight:500}.city-page .faq-list{max-width:800px;margin:0 auto}.city-page .faq-item{background:var(--card);border-radius:var(--radius-sm);margin-bottom:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;transition:border-color .2s}.city-page .faq-item.active{border-color:var(--primary-mid)}.city-page .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text);text-align:left;gap:12px}.city-page .faq-question:hover{color:var(--primary)}.city-page .faq-chevron{flex-shrink:0;transition:transform .3s;color:var(--text-light)}.city-page .faq-item.active .faq-chevron{transform:rotate(180deg);color:var(--primary)}.city-page .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.city-page .faq-item.active .faq-answer{max-height:400px}.city-page .faq-answer p{padding:0 22px 18px;font-size:.9rem;color:var(--text-light);line-height:1.7}.city-page .form-section{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.city-page .form-section .section-title{color:#fff}.city-page .form-section .section-subtitle{color:rgba(255,255,255,.8)}.city-page .enquiry-form{max-width:600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.city-page .enquiry-form .full-width{grid-column:1/-1}.city-page .form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;opacity:.9}.city-page .form-group input,.city-page .form-group select{width:100%;padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:rgba(255,255,255,.1);color:#fff;font-size:.9rem;font-family:var(--font-body);backdrop-filter:blur(4px);transition:border-color .2s}.city-page .form-group input::placeholder{color:rgba(255,255,255,.5)}.city-page .form-group input:focus,.city-page .form-group select:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.15)}.city-page .form-group select option{color:var(--text);background:var(--card)}.city-page .form-submit{grid-column:1/-1;background:var(--accent);color:#1e293b;border:none;padding:14px 32px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .3s;box-shadow:0 4px 20px rgba(255,222,89,.4)}.city-page .form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(255,222,89,.55)}.city-page .form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.city-page .form-success{max-width:600px;margin:0 auto;background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);border-radius:var(--radius);padding:24px 32px;text-align:center}.city-page .form-error{grid-column:1/-1;background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);border-radius:var(--radius-sm);padding:12px 16px;font-size:.85rem;color:#ffcdd2}.city-page .form-field-error{color:#ffcdd2;font-size:.75rem;margin-top:4px}.city-page .form-contact-text{text-align:center;margin-top:16px;font-size:.82rem;opacity:.7}.city-page .form-contact-text a{color:#fff;text-decoration:underline}.city-page .city-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:800px;margin:0 auto}.city-page .city-link-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;transition:all .3s}.city-page .city-link-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--text)}.city-page .city-link-emoji{font-size:1.5rem;color:var(--primary)}.city-page .city-link-name{font-weight:700;font-size:.95rem;flex:1;color:var(--text)}.city-page .city-link-dist{font-size:.8rem;color:var(--text-lighter)}.city-page .cross-links-cta{text-align:center;margin-top:24px}@media (max-width:768px){.city-page .hero{padding:36px 16px 44px}.city-page .hero h1{font-size:1.6rem}.city-page .hero-sub{font-size:.95rem}.city-page .hero-stats{gap:10px}.city-page .hero-stat{padding:12px 16px;min-width:100px}.city-page .hero-stat-num{font-size:1.4rem}.city-page .section{padding:36px 16px}.city-page .section-title{font-size:1.4rem}.city-page .usp-grid{grid-template-columns:1fr 1fr}.city-page .distance-banner{flex-direction:column}.city-page .distance-cta{width:100%;padding:16px;flex-direction:row;justify-content:center;gap:8px}.city-page .enquiry-form{grid-template-columns:1fr}.city-page .reach-header,.city-page .reach-item{padding-left:20px;padding-right:20px}}@media (max-width:480px){.city-page .hero h1{font-size:1.35rem}.city-page .hero-stat{padding:10px 14px;min-width:80px}.city-page .hero-stat-num{font-size:1.2rem}.city-page .course-grid,.city-page .usp-grid{grid-template-columns:1fr}}