*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{background:#9b9b96;color:#111}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#e5e5e0}nav a{margin-right:20px;cursor:pointer}.primary{background:#1e2a3a;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer}.hero{height:85vh;background-image:url(/assets/back-LUDNohPM.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.hero:before{content:"";position:absolute;inset:0;background:#0000008c}.hero-content{position:relative;max-width:900px;margin:0 auto;padding-top:140px;padding-left:20px;padding-right:20px;text-align:center}.hero-content h1{font-size:3.2rem;font-weight:500;line-height:1.2;margin-bottom:16px;color:#fff}.hero-content p{font-size:1.2rem;font-weight:300;opacity:.9;margin-bottom:28px;color:#e0e0e0}.hero-btn{background:#1e2a3a;color:#fff;border:none;padding:14px 36px;border-radius:30px;font-size:1rem;cursor:pointer;transition:background .3s ease,transform .2s ease}.hero-btn:hover{background:#2c3e55;transform:translateY(-2px)}.section{padding:80px 60px}.section-title{font-size:2.2rem;margin-bottom:40px;text-align:center}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{height:320px;border-radius:16px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;display:flex;align-items:flex-end}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000bf,#00000040)}.service-overlay{position:relative;padding:24px;color:#fff}.service-overlay h3{font-size:1.6rem;margin-bottom:8px}.service-overlay p{font-size:1rem;opacity:.9}.service-card.internship{background-image:url(/assets/internship-DeZY6S8I.jpeg)}.service-card.research{background-image:url(/assets/Research-CyteanCU.jpeg)}.service-card.counselling{background-image:url(/assets/Counselling-CFa0d5cb.jpeg);background-size:cover;background-position:top center}.service-card:hover{transform:translateY(-6px);transition:transform .3s ease}@media(max-width:900px){.service-cards{grid-template-columns:1fr}.service-card{height:280px}}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px}.box{background:#cfcfc9;padding:30px}.image-placeholder{background:#bcbcb7;height:300px;border-radius:12px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.social-grid div{height:150px;background:#bcbcb7}.form input,.form textarea{width:100%;margin-bottom:15px;padding:10px}.footer{padding:40px;background:#8e8e88}@media(max-width:768px){.hero-content{padding-top:100px}.hero-content h1{font-size:2.2rem}.cards,.split{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}}.appointment{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:100px 60px;background:#9b9b96}.appointment-left h2{font-size:3rem;margin-bottom:20px}.appointment-desc{font-size:1rem;max-width:520px;line-height:1.6;margin-bottom:40px;color:#222}.appointment-image{width:100%;height:360px;border-radius:14px;background-image:url(/assets/meeting-3PRaeE7W.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}.appointment-right{background:#ffffff40;padding:40px;border-radius:14px}.appointment-title{font-size:1rem;margin-bottom:24px;display:flex;align-items:center;gap:8px}.appointment-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff59;padding:18px 20px;border-radius:10px;margin-bottom:16px}.appointment-card p{font-size:.9rem;margin-top:4px}.appointment-card button{background:#000;color:#fff;border:none;padding:8px 18px;cursor:pointer;font-size:.8rem}.powered{text-align:center;margin-top:24px;font-size:.8rem;opacity:.7}@media(max-width:900px){.appointment{grid-template-columns:1fr}.appointment-left h2{font-size:2.2rem}.appointment-image{height:280px}}.social-section{padding:80px 60px;background:#9b9b96}.social-section h3{font-size:1.4rem;margin-bottom:30px}.social-icons{display:flex;gap:24px}.social{text-decoration:none;padding:16px 28px;border-radius:40px;font-size:.95rem;font-weight:500;color:#fff;transition:transform .2s ease,opacity .2s ease}.social.linkedin{background:#0a66c2}.social.facebook{background:#1877f2}.social.instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4)}.social:hover{transform:translateY(-3px);opacity:.9}@media(max-width:768px){.social-icons{flex-direction:column;width:fit-content}}.social-section{padding:80px 60px}.social-section h3{font-size:1.3rem;margin-bottom:24px}.social-icons{display:flex;gap:28px;align-items:center}.social-icons img{width:32px;height:32px;object-fit:contain;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.social-icons img:hover{transform:translateY(-2px);opacity:.8}@media(max-width:768px){.social-icons{gap:20px}.social-icons img{width:28px;height:28px}}.about-section{display:flex;justify-content:center;padding:100px 40px;background:#9b9b96}.about-card{max-width:900px;background:#ffffff40;padding:48px 56px;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}.about-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.about-card h2{font-size:2.4rem;margin-bottom:20px;color:#111}.about-card p{font-size:1rem;line-height:1.7;color:#222;margin-bottom:28px}.about-btn{background:#1e2a3a;color:#fff;border:none;padding:12px 28px;border-radius:28px;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.about-btn:hover{background:#2c3e55;transform:translateY(-2px)}@media(max-width:768px){.about-card{padding:36px 28px}.about-card h2{font-size:2rem}}.footer{background:#e5e5e0;padding:40px 60px;display:flex;justify-content:space-between;align-items:flex-start}.footer-left{max-width:320px}.footer-brand{font-weight:600;margin-bottom:8px}.footer-left p{font-size:.85rem;color:#222;line-height:1.6}.footer-right{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-right h4{font-size:.9rem;margin-bottom:10px;color:#111}.footer-right p{font-size:.85rem;color:#333;line-height:1.6}@media(max-width:768px){.footer{flex-direction:column;gap:40px}.footer-right{grid-template-columns:1fr;gap:30px}}