@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Amiri:wght@400;700&display=swap);
:root{--primary:#024731;--primary-dark:#013021;--primary-darker:#002016;--primary-light:#0a6e53;--primary-lighter:#a3d9c9;--primary-soft:#e6f5ef;--secondary:#d4af37;--secondary-dark:#b59127;--secondary-light:#e5c158;--secondary-soft:#fdf8e7;--gold:#d4af37;--gold-light:#f3c859;--gold-soft:#fdf8e7;--teal:#024731;--teal-light:#0a6e53;--teal-soft:#e6f5ef;--bs-primary:#024731;--bs-primary-rgb:2,71,49;--bs-secondary:#d4af37;--bs-secondary-rgb:212,175,55;--success:#16a34a;--success-soft:#dcfce7;--danger:#dc2626;--danger-soft:#fee2e2;--warning:#d4af37;--warning-soft:#fdf8e7;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#cbd5e1;--border-light:#e2e8f0;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-on-dark:#fff;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 4px rgba(2,71,49,.08);--shadow-md:0 4px 16px rgba(2,71,49,.12);--shadow-lg:0 8px 32px rgba(2,71,49,.16);--shadow-xl:0 16px 48px rgba(2,71,49,.2);--trans-fast:150ms cubic-bezier(0.4,0,0.2,1);--trans-base:250ms cubic-bezier(0.4,0,0.2,1);--trans-slow:400ms cubic-bezier(0.4,0,0.2,1);--trans-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(212,160,23,0)}50%{box-shadow:0 0 0 8px rgba(212,160,23,.2)}}.animate-fade-in-up{animation:fadeInUp var(--trans-slow) ease-out both}.animate-fade-in{animation:fadeIn var(--trans-base) ease-out both}.animate-scale-in{animation:scaleIn var(--trans-base) ease-out both}.animate-float{animation:float 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:10px 22px;position:relative;text-decoration:none;transition:all var(--trans-base);white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark))!important;border-color:var(--primary)!important;box-shadow:0 4px 14px rgba(2,71,49,.35);color:#fff!important}.btn-primary:focus,.btn-primary:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;box-shadow:0 6px 20px rgba(2,71,49,.45);color:#fff!important}.btn-outline-primary{background-color:transparent!important;border-color:var(--primary)!important;color:var(--primary)!important}.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 4px 14px rgba(212,160,23,.35);color:#1a1200}.btn-gold:hover{animation:pulse-glow 1.5s infinite;box-shadow:0 6px 20px rgba(212,160,23,.5)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-on-dark)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{font-size:.8125rem;padding:7px 16px}.btn-lg{font-size:1.05rem;padding:14px 32px}.btn-xl{border-radius:var(--radius-lg);font-size:1.15rem;padding:18px 40px}.btn-icon{border-radius:var(--radius-md);height:40px;padding:10px;width:40px}.btn:disabled,.btn[disabled]{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--trans-base)}.card:hover{box-shadow:var(--shadow-md)}.card-hoverable:hover{transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,var(--primary-soft),#fff);border-bottom:1px solid var(--border-light);padding:20px 24px}.card-body{padding:24px}.card-footer{background:var(--surface-2);border-top:1px solid var(--border-light);padding:16px 24px}.form-group{margin-bottom:20px}.form-label{color:var(--text);display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.form-label .required{color:var(--danger);margin-left:2px}.form-control{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:all var(--trans-fast);width:100%}.form-control:focus{box-shadow:0 0 0 3px rgba(45,111,168,.15)}.form-control:focus,.form-control:hover:not(:focus){border-color:var(--primary-light)}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{min-height:90px;resize:vertical}select.form-control{cursor:pointer}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:.8rem;margin-top:4px}.form-error{color:var(--danger)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:3px 10px}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-gold{background:var(--gold-soft);color:var(--gold)}.spinner{animation:rotate .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:36px;width:36px}.spinner-sm{border-width:2px;height:20px;width:20px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border-light) 50%,var(--surface-2) 75%);background-size:800px 100%}.alert,.skeleton{border-radius:var(--radius-md)}.alert{animation:fadeInDown var(--trans-base) ease-out;border-left:4px solid;font-size:.9rem;margin-bottom:20px;padding:14px 18px}.alert-success{background:var(--success-soft);border-color:var(--success);color:#14532d}.alert-danger{background:var(--danger-soft);border-color:var(--danger);color:#7f1d1d}.alert-warning{background:var(--warning-soft);border-color:var(--warning);color:#78350f}.alert-info{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.glass{background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.6)}.glass,.glass-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-dark{background:rgba(1,46,32,.8);border:1px solid hsla(0,0%,100%,.1)}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.bg-gradient-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold))}.bg-gradient-hero{background:linear-gradient(135deg,#012419,#024731 50%,#0a6e53)}.text-gradient-gold{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text}.text-gradient-primary{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--primary-light),var(--teal-light));-webkit-background-clip:text;background-clip:text}.divider{background:var(--border-light);border:none;height:1px;margin:24px 0}.hover-lift:hover{transform:translateY(-4px)}.hover-lift:hover,.hover-scale:hover{transition:transform var(--trans-base)}.hover-scale:hover{transform:scale(1.04)}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:fadeInDown var(--trans-base) ease-out;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;font-size:.9rem;font-weight:500;gap:10px;max-width:400px;min-width:280px;padding:14px 20px;pointer-events:auto}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--primary)}@media (max-width:768px){.btn:hover,.card-hoverable:hover,.card:hover{transform:none}}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}