:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--emerald-500: #10b981;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal--d1{transition-delay:.1s}.reveal--d2{transition-delay:.2s}.reveal--d3{transition-delay:.3s}.reveal--d4{transition-delay:.4s}.reveal--d5{transition-delay:.5s}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-weight:650;font-size:.95rem;border-radius:var(--radius-md);text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn--primary{background:#fff;color:var(--green-700);box-shadow:0 4px 14px #0000001f;font-weight:700}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e;background:#f0fdf4}.btn--glass{background:transparent;color:#fff;border:2px solid #fff;font-weight:700}.btn--glass:hover{background:#fff;color:var(--green-700);transform:translateY(-2px)}.btn--white{background:#fff;color:var(--green-700);box-shadow:0 4px 14px #0000001a;font-weight:700}.btn--white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;background:#f0fdf4}.btn--glow:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:inherit;filter:blur(14px);opacity:0;z-index:-1;transition:opacity .4s}.btn--glow:hover:after{opacity:.55}.l-about .btn--primary{background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;box-shadow:0 4px 14px #16a34a59}.l-about .btn--primary:hover{box-shadow:0 8px 24px #16a34a73;background:linear-gradient(135deg,var(--green-700),var(--green-800))}.l-cta .btn--white{background:#fff;color:var(--green-700);font-weight:700}.l-cta .btn--white:hover{background:#f0fdf4}.tag{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green-600);margin-bottom:.75rem}.section-head{text-align:center;max-width:620px;margin:0 auto 3.5rem}.section-head h2{font-size:2.35rem;font-weight:800;color:var(--gray-900);line-height:1.2;margin-bottom:.75rem}.section-head p{color:var(--gray-500);font-size:1.1rem;line-height:1.65}.l-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:7rem 2rem 6rem;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center}.hero-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;display:block;border-radius:50%;opacity:.12}.shape--circle{width:420px;height:420px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%);top:-8%;left:-5%;animation:heroFloat 18s ease-in-out infinite alternate}.shape--ring{width:320px;height:320px;border:3px solid rgba(255,255,255,.18);bottom:5%;right:2%;animation:heroFloat 22s ease-in-out infinite alternate-reverse}.shape--square{width:120px;height:120px;border-radius:1.5rem;background:#ffffff14;top:25%;right:8%;animation:heroSpin 30s linear infinite}.shape--dots{width:200px;height:200px;background-image:radial-gradient(circle,rgba(255,255,255,.2) 1.5px,transparent 1.5px);background-size:18px 18px;border-radius:0;bottom:18%;left:5%;animation:heroFloat 15s ease-in-out infinite}.shape--triangle{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:100px solid rgba(255,255,255,.07);border-radius:0;top:55%;left:80%;animation:heroFloat 20s ease-in-out infinite alternate}@keyframes heroFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(30px,-40px) rotate(8deg)}}@keyframes heroSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-inner{position:relative;z-index:2;max-width:860px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:2rem}.pulse-dot{width:8px;height:8px;background:var(--green-400);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8099}50%{box-shadow:0 0 0 8px #4ade8000}}.hero-heading{font-size:clamp(2.4rem,5.5vw,3.75rem);font-weight:800;line-height:1.12;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(135deg,#fff,var(--green-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.2rem;font-weight:400;color:#ffffffd1;max-width:640px;margin:0 auto 2.75rem;line-height:1.65}.hero-cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-curve{display:none}.l-stats{padding:5rem 0;background:#fff}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card{text-align:center;padding:2rem 1rem;border-radius:var(--radius-xl);background:var(--green-50);border:1px solid var(--green-100);transition:transform .35s,box-shadow .35s}.stat-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 14px 36px #16a34a1f}.stat-num{font-size:2.75rem;font-weight:800;color:var(--green-700);line-height:1}.stat-plus{font-size:2rem;font-weight:700;color:var(--green-600)}.stat-label{display:block;margin-top:.5rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500)}.l-steps{padding:6rem 0;background:var(--gray-50)}.steps-track{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;position:relative}.steps-line{position:absolute;top:46px;left:16.66%;right:16.66%;height:3px;background:linear-gradient(90deg,var(--green-200),var(--green-500),var(--green-200));border-radius:4px;z-index:0}.step-item{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem;border-radius:var(--radius-2xl);background:#fff;border:1px solid var(--gray-200);transition:transform .35s,box-shadow .35s,border-color .35s}.step-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000012;border-color:var(--green-300)}.step-icon{position:relative;width:72px;height:72px;margin:0 auto 1.25rem;background:linear-gradient(135deg,var(--green-600),var(--green-700));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px #16a34a4d}.step-number{position:absolute;top:-6px;right:-6px;width:26px;height:26px;background:#fff;color:var(--green-700);font-size:.75rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f}.step-item h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.step-item p{color:var(--gray-500);font-size:.95rem;line-height:1.6}.l-features{padding:6rem 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.feature-card{position:relative;padding:2.25rem;border-radius:var(--radius-2xl);border:1px solid var(--gray-200);background:#fff;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;transform-style:preserve-3d;perspective:800px}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #16a34a1a;border-color:var(--green-200)}.card-glow{position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(circle at center,rgba(22,163,74,.06),transparent 65%);opacity:0;transition:opacity .5s;pointer-events:none}.feature-card:hover .card-glow{opacity:1}.card-icon{width:56px;height:56px;background:var(--green-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--green-600);margin-bottom:1.25rem;transition:all .35s}.feature-card:hover .card-icon{background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;transform:rotate(-5deg) scale(1.08);box-shadow:0 6px 18px #16a34a40}.feature-card h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.feature-card p{color:var(--gray-500);font-size:.95rem;line-height:1.6}.l-roles{padding:6rem 0;background:var(--gray-50)}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.role-card{border-radius:var(--radius-2xl);background:#fff;border:1px solid var(--gray-200);overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;transform-style:preserve-3d;will-change:transform}.role-card:hover{box-shadow:0 24px 60px #0000001a}.role-card__face{padding:2.5rem 2rem}.role-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:transform .35s}.role-card:hover .role-icon{transform:scale(1.1) rotate(-3deg)}.role-icon--student{background:var(--green-100);color:var(--green-700)}.role-icon--supervisor{background:#dbeafe;color:#1d4ed8}.role-icon--coordinator{background:#fef3c7;color:#b45309}.role-card h3{font-size:1.2rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.role-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.role-features li{display:flex;align-items:center;gap:.6rem;font-size:.92rem;color:var(--gray-600);line-height:1.5}.role-features li:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--green-500)}.l-about{padding:6rem 0;background:#fff}.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-img{position:relative}.img-frame{border-radius:var(--radius-2xl);overflow:hidden;position:relative;box-shadow:0 20px 50px #0000001a}.img-frame img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.img-frame:hover img{transform:scale(1.04)}.img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(22,163,74,.15));pointer-events:none}.img-float-badge{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;font-weight:700;font-size:.85rem;border-radius:var(--radius-full);box-shadow:0 6px 20px #16a34a59;white-space:nowrap}.about-body h2{font-size:2.15rem;font-weight:800;color:var(--gray-900);line-height:1.2;margin-bottom:1rem}.about-body>p{color:var(--gray-500);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.about-checks{display:flex;flex-direction:column;gap:.75rem}.check-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;color:var(--gray-700);padding:.65rem 1rem;border-radius:var(--radius-md);background:var(--gray-50);border:1px solid transparent;transition:all .25s}.check-item:hover{background:#fff;border-color:var(--green-200);transform:translate(6px)}.check-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--green-100);color:var(--green-700)}.l-cta{position:relative;padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,var(--green-700),var(--green-800));color:#fff;overflow:hidden}.cta-particles{position:absolute;inset:0;pointer-events:none}.cta-particles span{position:absolute;width:6px;height:6px;background:#ffffff26;border-radius:50%;animation:particleRise 8s linear infinite}.cta-particles span:nth-child(1){left:10%;animation-delay:0s;animation-duration:9s}.cta-particles span:nth-child(2){left:25%;animation-delay:2s;animation-duration:7s;width:4px;height:4px}.cta-particles span:nth-child(3){left:45%;animation-delay:4s;animation-duration:10s;width:8px;height:8px}.cta-particles span:nth-child(4){left:60%;animation-delay:1s;animation-duration:8s}.cta-particles span:nth-child(5){left:78%;animation-delay:3s;animation-duration:11s;width:5px;height:5px}.cta-particles span:nth-child(6){left:90%;animation-delay:5s;animation-duration:7s;width:7px;height:7px}@keyframes particleRise{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) scale(1);opacity:0}}.cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.cta-inner h2{font-size:2.25rem;font-weight:800;margin-bottom:1rem}.cta-inner p{font-size:1.1rem;color:#ffffffc7;margin-bottom:2.25rem;line-height:1.6}.navbar--scrolled{box-shadow:0 4px 20px #00000014!important;border-bottom-color:transparent!important}.l-footer{background:linear-gradient(180deg,#111827,#0b1324);color:#d1d5db;padding:3.25rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.75rem}.footer-brand-head{display:flex;align-items:center;gap:.85rem;margin-bottom:.9rem}.footer-brand-head img{width:44px;height:44px;border-radius:50%;background:#fff;padding:2px}.footer-brand h3{margin:0;color:#f9fafb;font-size:1rem;font-weight:700}.footer-brand p{margin:0;font-size:.86rem;color:#9ca3af}.footer-copy-text{margin:0;max-width:44ch;font-size:.92rem;line-height:1.7}.footer-links h4{margin:0 0 .75rem;color:#f9fafb;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:.55rem}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:.92rem;transition:color .2s ease}.footer-links a:hover{color:#86efac}.footer-bottom{border-top:1px solid rgba(148,163,184,.25);padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#94a3b8;font-size:.84rem}@media (max-width: 1024px){.features-grid,.roles-grid{grid-template-columns:repeat(2,1fr)}.about-wrap{grid-template-columns:1fr;gap:2.5rem}.steps-track{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr);gap:1rem}.features-grid,.roles-grid{grid-template-columns:1fr}.steps-track{grid-template-columns:1fr;gap:1.5rem}.steps-line{display:none}.hero-heading{font-size:1.75rem}.hero-sub{font-size:.95rem;margin-bottom:2rem}.section-head h2,.about-body h2{font-size:1.5rem}.hero-cta{flex-direction:column;align-items:stretch;gap:.75rem}.hero-cta .btn{justify-content:center;text-align:center;padding:1rem 1.5rem;font-size:1rem}.about-wrap{text-align:center}.about-checks{align-items:stretch}.check-item:hover{transform:none}.l-hero{min-height:auto;padding:5rem 1.25rem 4rem}.hero-shapes{display:none}.stat-card{padding:1.25rem .75rem}.stat-num{font-size:2rem}.stat-label{font-size:.75rem}.step-item{padding:1.5rem 1rem}.feature-card{padding:1.5rem}.l-stats,.l-steps,.l-features,.l-roles,.l-about{padding:3.5rem 0}.l-cta{padding:3.5rem 1rem}.cta-inner h2{font-size:1.5rem}.cta-inner p{font-size:.95rem}.img-frame{margin:0 -.5rem}.about-body>p{font-size:.95rem}.check-item{font-size:.875rem;padding:.5rem .75rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.container{padding:0 1rem}.l-stats,.l-steps,.l-features,.l-roles,.l-about,.l-cta{padding:3rem 0}.hero-heading{font-size:1.5rem}.hero-sub{font-size:.875rem}.section-head{margin-bottom:2.5rem}.section-head h2{font-size:1.35rem}.section-head p{font-size:.9rem}.step-icon{width:56px;height:56px}.step-icon svg{width:22px;height:22px}.step-item h3,.feature-card h3{font-size:1.05rem}}