@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary:#2f8f83;--primary-dark:#236b62;--primary-light:#3aada0;--secondary:#a8d5cf;--secondary-light:#d4eeeb;--accent:#f4c542;--accent-dark:#d4a520;--dark:#222;--dark-mid:#3a3a3a;--gray:#666;--gray-light:#999;--bg:#f4f6f6;--bg-white:#fff;--bg-card:#fff;--border:#2f8f8326;--shadow-sm:0 2px 12px #2f8f8314;--shadow-md:0 8px 32px #2f8f831f;--shadow-lg:0 20px 60px #2f8f832e;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--font-sans:"Inter",sans-serif;--font-display:"Outfit",sans-serif;--transition:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none}input,textarea,select{font-family:var(--font-sans);outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--dark);font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}.text-center{text-align:center}.text-left{text-align:left}.section-badge{background:var(--secondary-light);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--dark);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800}.section-title span{color:var(--primary)}.section-subtitle{color:var(--gray);max-width:560px;margin:0 auto;font-size:17px;line-height:1.7}.btn{border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--dark);box-shadow:0 6px 20px #f4c54259}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 12px 28px #f4c54273}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:#fff}.btn-secondary:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-teal{background:var(--primary);color:#fff;box-shadow:0 6px 20px #2f8f8359}.btn-teal:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 28px #2f8f8373}.btn-lg{border-radius:var(--radius-lg);padding:16px 36px;font-size:16px}.btn-sm{padding:10px 20px;font-size:13px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--dark);font-size:14px;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--dark);transition:all var(--transition);background:#fff;padding:13px 16px;font-size:15px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2f8f831f}.form-input::placeholder{color:var(--gray-light)}textarea.form-input{resize:vertical;min-height:120px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.badge{border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending{color:#856404;background:#fff3cd}.badge-accepted{color:#0c5460;background:#d1ecf1}.badge-in-progress{color:#004085;background:#cce5ff}.badge-delivered{color:#155724;background:#d4edda}.badge-rejected{color:#721c24;background:#f8d7da}.gradient-hero{background:linear-gradient(135deg,#0f3d38 0%,#1a5c55 40%,#2f8f83 100%)}.gradient-section{background:linear-gradient(180deg,var(--bg)0%,var(--secondary-light)100%)}.gradient-card{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%)}.divider{background:var(--primary);border-radius:4px;width:60px;height:4px;margin:16px auto 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page-wrapper{min-height:100vh}.hero-section{align-items:center;min-height:calc(100vh - 72px);display:flex;position:relative;overflow:hidden}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}.float-anim{animation:4s ease-in-out infinite float}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section{padding:48px 0}.section-sm{padding:32px 0}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:clamp(24px,6vw,32px)}.section-subtitle{font-size:15px}}@media (max-width:480px){.container{padding:0 20px}.grid-4{grid-template-columns:1fr}.btn{justify-content:center;width:100%;padding:12px 22px;font-size:14px}.section{padding:40px 0}}