@tailwind base;@tailwind components;@tailwind utilities;@apply bg-slate-50 text-slate-800 antialiased;@apply bg-slate-100;@apply bg-slate-300 rounded-full;:root{--primary:#0f766e;--text-dark:#0f172a;--text-light:#f8fafc;--text-muted:#475569;--accent-1:#a5f0e5;--accent-2:#bae6fd;--accent-3:#c7d2fe;--accent-4:#ddd6fe;--accent-5:#fce7f3;--accent-6:#ecfdf5;--icon-1:#0d9488;--icon-2:#0284c7;--icon-3:#4f46e5;--icon-4:#7c3aed;--icon-5:#db2777;--icon-6:#059669;--page-bg:#fff;--page-bg-alt:#f8fafc;--card-bg:#fff;--card-bg-alt:#f1f5f9;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background-color:var(--page-bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;margin:0;padding-top:5rem;font-family:Inter,system-ui,sans-serif}@media (width>=1024px){.section-light,.section-alt,.section-highlight{padding:7.5rem 2rem}}.heading-xl{letter-spacing:-.02em;color:var(--text-dark);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1.15}.heading-lg{color:var(--text-dark);text-align:center;margin-bottom:3rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2}.heading-md{color:var(--text-dark);font-size:1.35rem;font-weight:700;line-height:1.4}.heading-sm{color:var(--text-dark);font-size:1.1rem;font-weight:600}.heading-xs{color:var(--text-dark);font-size:.95rem;font-weight:600}.body-text-lg{color:var(--text-muted);text-align:center;max-width:800px;margin-inline:auto;font-size:1.125rem;font-weight:500;line-height:1.6}.body-text{color:var(--text-muted);font-size:1.05rem;line-height:1.75}.sub-text{color:var(--text-muted);font-size:.9rem;font-weight:500;line-height:1.6}.navbar{z-index:999;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;height:5rem;box-shadow:var(--shadow-sm);background-color:#fffffff2;align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0}.logo-title{color:var(--text-dark);letter-spacing:-.01em;margin-right:.75rem;font-size:1.35rem;font-weight:800;text-decoration:none}.logo-subtitle{color:var(--text-muted);letter-spacing:.02em;margin-top:.1rem;font-size:.75rem;font-weight:500}.nav-links-desktop{display:none}@media (width>=1024px){.nav-links-desktop{align-items:center;gap:1.75rem;display:flex}.hamburger-btn{display:none!important}}.nav-link{color:var(--text-muted);align-items:center;gap:.4rem;padding:.5rem 0;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";background-color:var(--primary);width:0%;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.hamburger-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.hamburger-icon{transition:transform .3s,color .3s}.hamburger-icon.open{color:var(--text-dark);transform:rotate(90deg)}.mobile-menu-wrapper{background-color:var(--page-bg);width:100%;box-shadow:var(--shadow-lg);opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute;top:5rem;left:0;overflow:hidden}.mobile-menu-wrapper.open{opacity:1;max-height:80vh}.mobile-menu-scroll{max-height:80vh;padding-bottom:2rem;overflow-y:auto}.nav-link-mobile{color:var(--text-dark);border-bottom:1px solid var(--border-color-light);align-items:center;gap:.75rem;padding:1.15rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.nav-link-mobile:hover,.nav-link-mobile.active{background-color:var(--accent-1);color:var(--primary)}.section-hero{background-color:var(--page-bg-alt);justify-content:center;align-items:center;min-height:calc(90vh - 5rem);padding:2rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg-image{opacity:.15;background-image:url(/TCVSelakuiCampus.jpg);background-position:50%;background-size:cover}.hero-overlay{background:linear-gradient(to bottom, transparent, var(--page-bg-alt))}.hero-tag{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--icon-2);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:1.5rem;padding:.35rem 1.25rem;font-size:.8rem;font-weight:700}#academics .grid,#facilities .grid,#student-life .grid,#admissions .grid,#cbse .grid,#newsletter .grid:last-child{width:100%;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:1.5rem!important;display:flex!important}#academics .card-flat,#facilities .card,#admissions .card,#student-life>div>.grid>div{width:100%;margin:0;flex:0 280px!important}#cbse .card{width:100%;flex:0 340px!important}#newsletter .grid>.card{width:100%;flex:0 180px!important}.card,.card-flat,.card-alt,.card-highlight{border-radius:1.25rem;flex-direction:column;height:100%;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex}.card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.card-flat{background-color:var(--page-bg-alt);border:1px solid var(--border-color)}.card-alt{background-color:var(--card-bg-alt);border:1px solid var(--border-color)}.card-highlight{border:1px solid var(--border-color)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}#goals ul{flex-direction:column;gap:1.5rem;display:flex}#goals li{align-items:flex-start!important;gap:1.25rem!important;display:flex!important}#goals .list-number{margin-top:.125rem;flex-shrink:0!important}#goals .body-text{text-align:left;flex:1!important;margin:0!important;padding:0!important}#philosophy .grid{flex-wrap:wrap!important;justify-content:center!important;gap:1.5rem!important;display:flex!important}#philosophy .card-flat{width:100%;flex-direction:row!important;flex:0 450px!important;align-items:flex-start!important;gap:1.25rem!important;padding:1.5rem!important;display:flex!important}#philosophy .bullet-point{flex-shrink:0!important;margin-top:.4rem!important}#philosophy .body-text{text-align:left;flex:1!important;margin:0!important}#history .card,#goals .card{max-width:850px;margin-inline:auto}.image-rounded{box-shadow:var(--shadow-lg);object-fit:cover;border-radius:1.5rem;width:100%;height:auto}.avatar{object-fit:cover;width:7rem;height:7rem;box-shadow:var(--shadow-md);border:4px solid var(--page-bg);border-radius:50%;margin:0 auto}.newsletter-img{aspect-ratio:3/4;object-fit:cover;width:100%;max-width:14rem;box-shadow:var(--shadow-md);border-radius:1rem;flex-shrink:0}.newsletter-placeholder{aspect-ratio:3/4;background-color:var(--border-color-light);width:100%;color:var(--border-color);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.map-placeholder{background-color:var(--card-bg-alt);border:1px solid var(--border-color);width:100%;height:18rem;color:var(--text-muted);border-radius:1.25rem;justify-content:center;align-items:center;font-weight:500;display:flex}.input-field{border:1px solid var(--border-color);background-color:var(--card-bg);width:100%;color:var(--text-dark);border-radius:.75rem;outline:none;padding:.875rem 1rem;font-family:inherit;transition:all .2s}.input-field:focus{border-color:var(--icon-2);box-shadow:0 0 0 3px var(--accent-2)}.label-text{color:var(--text-dark);margin-bottom:.25rem;font-size:.9rem;font-weight:600}button,a{cursor:pointer;font-family:inherit}.btn-primary,.btn-secondary,.btn-dark,.btn-outline{text-align:center;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);background-color:#0d655e;transform:translateY(-2px)}.btn-secondary{background-color:var(--card-bg);color:var(--text-dark);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--page-bg-alt)}.btn-dark{background-color:var(--text-dark);color:var(--text-light);width:100%}.btn-dark:hover{background-color:#1e293b}.btn-outline{background-color:var(--card-bg);color:var(--text-dark);border:1px solid var(--border-color);padding:.6rem 1.5rem}.btn-outline:hover{background-color:var(--page-bg-alt)}.btn-small{background-color:var(--page-bg-alt);color:var(--text-dark);border:1px solid var(--border-color);border-radius:.5rem;width:100%;padding:.5rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-small:hover{background-color:var(--border-color-light)}.btn-icon{background-color:var(--page-bg-alt);border:1px solid var(--border-color);color:var(--text-dark);border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--border-color)}.icon-wrapper{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.icon-wrapper-lg{margin-inline:auto;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;display:flex}.icon-inline{flex-shrink:0}.theme-1{background-color:var(--accent-1);color:var(--icon-1)}.theme-2{background-color:var(--accent-2);color:var(--icon-2)}.theme-3{background-color:var(--accent-3);color:var(--icon-3)}.theme-4{background-color:var(--accent-4);color:var(--icon-4)}.theme-5{background-color:var(--accent-5);color:var(--icon-5)}.theme-6{background-color:var(--accent-6);color:var(--icon-6)}.text-theme-2{color:var(--icon-2)}.text-theme-3{color:var(--icon-3)}.text-theme-4{color:var(--icon-4)}.text-theme-5{color:var(--icon-5)}.text-theme-6{color:var(--icon-6)}.list-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:800;display:flex}.bullet-point{background-color:var(--icon-1);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem}.pill-badge{letter-spacing:.05em;border-radius:9999px;padding:.35rem 1rem;font-size:.75rem;font-weight:800;display:inline-block}.footer{color:#cbd5e1;border-top:4px solid var(--icon-2);background-color:#0f172a;padding-top:5rem;padding-bottom:2rem;padding-left:2rem}.footer-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.footer-title-sm{color:#fff;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.footer-subtitle{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.footer-text{color:#94a3b8;font-size:.95rem;line-height:1.7}.footer-icon-link{background-color:#1e293b;border-radius:.5rem;padding:.6rem;transition:all .2s;display:inline-flex}.footer-icon-link:hover{background-color:#334155;transform:translateY(-2px)}.footer-link{color:#cbd5e1;padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.footer-link:hover{color:#fff}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #1e293b;margin-top:4rem;padding-top:2rem;font-size:.9rem;font-weight:500}#cbse .card{flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}#cbse .card div{align-items:center;gap:.75rem;display:flex}#about .card{flex-direction:row;align-items:flex-start;gap:1.5rem;padding:1.5rem}#about .icon-wrapper{margin-bottom:0}.back-to-top{z-index:99;background-color:var(--accent-1);color:var(--primary);cursor:pointer;width:3.25rem;height:3.25rem;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s,transform .3s,background-color .2s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--primary);color:var(--text-light)}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--page-bg-alt)}::-webkit-scrollbar-thumb{background:var(--border-color);border:3px solid var(--page-bg-alt);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.section-light{background-color:var(--page-bg);padding:4rem 1.5rem}.section-alt{background-color:var(--page-bg-alt);border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light);padding:4rem 1.5rem}.section-highlight{background-color:#f0f9ff;border-top:1px solid #e0f2fe;padding:4rem 1.5rem}@media (width>=1024px){.section-light,.section-alt,.section-highlight{padding:5rem 6vw}}#about>div{width:100%;flex-direction:column!important;gap:4rem!important;display:flex!important}#about>div>div:first-child{text-align:center;width:100%;max-width:1000px;margin-inline:auto}#about .grid-cols-2{margin-top:2.5rem;flex-wrap:wrap!important;justify-content:center!important;gap:1.5rem!important;display:flex!important}#about .card{text-align:center;flex-direction:column!important;flex:200px!important;align-items:center!important;padding:1.5rem!important}#about .image-rounded{object-fit:cover;width:100%;height:350px;max-height:none;box-shadow:var(--shadow-lg);border-radius:.75rem;display:block}#mission .grid,#principal .grid{width:100%;flex-wrap:wrap!important;justify-content:center!important;gap:2rem!important;display:flex!important}#mission .card-highlight,#principal .card{max-width:600px;flex:400px!important}