*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1a56db;--blue-dark:#1240a8;--blue-light:#e8f0fe;--green:#16a34a;--dark:#111827;--dark-2:#1f2937;--gray:#6b7280;--gray-light:#f1f5f9;--white:#fff;--bg:#eef2f9;--card-bg:#fff;--border:#e5e7eb;--radius:14px;--shadow:0 4px 24px #1a56db1a;--shadow-sm:0 2px 8px #00000012;--transition:.25s ease;--font:"Inter", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--dark);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffeb;position:sticky;top:0}.nav-container{align-items:center;gap:32px;max-width:1200px;height:90px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--dark);white-space:nowrap;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{object-fit:contain;width:75px;height:75px;transition:transform var(--transition)}.nav-links{flex:1;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--dark-2);transition:color var(--transition);white-space:nowrap;font-size:.92rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--blue)}.btn-cta{background:var(--blue);transition:background var(--transition), transform var(--transition);white-space:nowrap;border:2px dashed #ffffff80;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:600;text-decoration:none;color:#fff!important}.btn-cta:hover{background:var(--blue-dark);transform:translateY(-1px)}.hamburger{cursor:pointer;color:var(--dark);background:0 0;border:none;margin-left:auto;font-size:1.5rem;display:none}.hero{background:linear-gradient(135deg,#dde9ff 0%,#eef2f9 60%,#d0e8ff 100%);padding:80px 24px 60px;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.hero-badge{color:var(--green);letter-spacing:.1em;background:#16a34a1a;border:1px solid #1a56db33;border-radius:100px;align-items:center;gap:7px;margin-bottom:20px;padding:7px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-title{color:var(--dark);margin-bottom:18px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.15}.hero-title .highlight{color:var(--blue)}.hero-sub{color:var(--gray);max-width:480px;margin-bottom:24px;font-size:1.05rem}.hero-bullets{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hero-bullets span{color:var(--green);font-size:.9rem;font-weight:600}.btn-primary{background:var(--blue);color:#fff;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:2.5px dashed #ffffff73;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 24px #1a56db40}.hero-img-wrap{position:relative}.hero-img{object-fit:cover;aspect-ratio:4/3;border-radius:20px;width:100%;box-shadow:0 20px 60px #1a56db26}.hero-badge-card{white-space:nowrap;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 20px;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000001f}.badge-icon{background:#e8f5ee;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.hero-badge-card strong{font-size:.92rem;font-weight:700;display:block}.hero-badge-card p{color:var(--gray);margin:0;font-size:.8rem}.video-section{background:#fff;padding:80px 24px}.video-wrapper{border-radius:20px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #1a56db26}.video-wrapper video{border-radius:20px;width:100%;display:block}.features-bar{border-bottom:1px solid var(--border);background:#fff;padding:36px 24px}.features-container{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.feature-item{align-items:flex-start;gap:14px;display:flex}.feat-icon{background:var(--blue-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.feature-item strong{color:var(--dark);margin-bottom:4px;font-size:.95rem;font-weight:700;display:block}.feature-item p{color:var(--gray);margin:0;font-size:.82rem}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-bg{background:var(--gray-light)}.section-header{text-align:center;margin-bottom:48px}.section-header h2{color:var(--dark);margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-header p{color:var(--gray);max-width:600px;margin:0 auto}.section-badge{letter-spacing:.1em;border-radius:100px;margin-bottom:14px;padding:5px 14px;font-size:.7rem;font-weight:700;display:inline-block}.section-badge.community{color:var(--green);background:#dcfce7;border:1px solid #bbf7d0}.about{padding:80px 24px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-img-wrap{position:relative}.about-img{object-fit:cover;aspect-ratio:4/3;width:100%;box-shadow:var(--shadow);border-radius:20px}.about-tag{color:#fff;background:#16a34aeb;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;position:absolute;bottom:14px;left:14px}.about-text h2{color:var(--dark);margin-bottom:16px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.2}.about-text p{color:var(--gray);margin-bottom:14px;font-size:.95rem}.about-highlights{border-top:1px solid var(--border);gap:28px;margin-top:28px;padding-top:24px;display:flex}.ah-item{text-align:center}.ah-num{color:var(--blue);font-size:1.5rem;font-weight:900;display:block}.ah-label{color:var(--gray);font-size:.78rem;font-weight:500}.departments{padding:80px 24px}.dept-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dept-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);background:#fff;overflow:hidden}.dept-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.dept-card img{object-fit:cover;width:100%;height:180px}.dept-card h3{color:var(--dark);padding:16px 16px 8px;font-size:1rem;font-weight:700}.dept-card p{color:var(--gray);padding:0 16px 20px;font-size:.82rem;line-height:1.5}.services{background:#fff;padding:80px 24px}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);overflow:hidden}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.service-card img{object-fit:cover;width:100%;height:200px}.svc-icon{background:var(--blue-light);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin:18px 18px 0;font-size:1.3rem;display:flex}.service-card h3{color:var(--dark);padding:12px 18px 8px;font-size:1.05rem;font-weight:700}.service-card p{color:var(--gray);padding:0 18px 20px;font-size:.84rem;line-height:1.55}.upload-section{padding:80px 24px}.upload-box{text-align:center;background:linear-gradient(135deg,#e8f0fe 0%,#f0f7ff 100%);border:1px solid #1a56db26;border-radius:24px;padding:60px 40px}.upload-icon{background:var(--blue);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex;box-shadow:0 8px 24px #1a56db4d}.upload-box h2{color:var(--dark);margin-bottom:14px;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:800}.upload-box>p{color:var(--gray);max-width:600px;margin:0 auto 40px;font-size:1rem}.upload-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;display:grid}.step-card{border-radius:var(--radius);text-align:left;box-shadow:var(--shadow-sm);background:#fff;padding:24px}.step-badge{background:var(--blue-light);color:var(--blue);border-radius:100px;margin-bottom:12px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.step-card h4{color:var(--dark);margin-bottom:8px;font-size:.95rem;font-weight:700}.step-card p{color:var(--gray);margin:0;font-size:.82rem}.contact-section{padding:80px 24px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-info h2{color:var(--dark);margin-bottom:14px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.contact-info>p{color:var(--gray);margin-bottom:28px}.contact-details{flex-direction:column;gap:20px;display:flex}.cd-item{align-items:flex-start;gap:14px;display:flex}.cd-icon{background:var(--blue-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.cd-item strong{margin-bottom:4px;font-size:.88rem;font-weight:700;display:block}.cd-item p{color:var(--gray);margin:0;font-size:.84rem}.map-placeholder iframe{width:100%;box-shadow:var(--shadow);border-radius:16px}.footer{background:var(--dark-2);color:#cbd5e1}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding:60px 24px 40px;display:grid}.footer-logo{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:1.1rem;font-weight:700;display:flex}.footer-logo-img{object-fit:contain;background-color:#fff;border-radius:8px;width:60px;height:60px;padding:4px}.footer-brand p{color:#94a3b8;font-size:.85rem;line-height:1.6}.footer-nav h4,.footer-address h4{color:#f1f5f9;margin-bottom:16px;font-size:.9rem;font-weight:700}.footer-nav ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-nav ul a{color:#94a3b8;transition:color var(--transition);font-size:.85rem;text-decoration:none}.footer-nav ul a:hover{color:#fff}.footer-address address{color:#94a3b8;font-size:.85rem;font-style:normal;line-height:1.7}.footer-disclaimer{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;max-width:1200px;margin:0 auto;padding:20px 24px}.footer-disclaimer p{color:#64748b;font-size:.8rem;line-height:1.6}.footer-copy{text-align:center;color:#475569;max-width:1200px;margin:0 auto;padding:16px 24px;font-size:.8rem}@media (width<=1024px){.features-container,.dept-grid{grid-template-columns:repeat(2,1fr)}.footer-container{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=768px){.nav-links{border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:16px;padding:20px 24px;display:none;position:absolute;top:90px;left:0;right:0}.nav-links.open{display:flex}.btn-cta{display:none}.hamburger{display:block}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-img-wrap{order:-1}.hero-badge-card{bottom:10px}.about-grid,.contact-grid,.services-grid,.upload-steps{grid-template-columns:1fr}.upload-box{padding:40px 20px}.footer-container{grid-template-columns:1fr;gap:28px}}@media (width<=480px){.features-container,.dept-grid{grid-template-columns:1fr}.about-highlights{flex-direction:column;gap:16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #1a56db66}70%{box-shadow:0 0 0 12px #1a56db00}to{box-shadow:0 0 #1a56db00}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.hero-badge{animation:.6s both fadeIn}.hero-title{animation:.7s .15s both fadeUp}.hero-sub{animation:.7s .28s both fadeUp}.hero-bullets{animation:.7s .38s both fadeUp}#hero-cta{animation:.7s .48s both fadeUp}.hero-img-wrap{animation:.8s .2s both slideInRight}.hero-badge-card{animation:3.5s ease-in-out 1s infinite float}.btn-primary{animation:2.2s ease-in-out infinite pulse-ring}.btn-primary:hover{animation:none}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 24px #1a56db1f}.navbar{transition:box-shadow .3s,background .3s}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-36px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .65s,transform .65s;transform:translate(36px)}.reveal-right.visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.dept-card,.service-card,.step-card,.feature-item{transition:transform .28s,box-shadow .28s}.dept-card:hover,.service-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 16px 40px #1a56db26}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1a56db1a}.nav-logo:hover .logo-icon{transform:scale(1.05)}.video-wrapper{animation:.8s both scaleIn}