:root{--primary:#3c113c;--primary-light:#5c1b5e;--accent-main:#e09b03;--accent-secondary:#d86600;--white:#fff;--black:#000;--primary-dark:#280b28;--primary-glow:#5c1b5e66;--accent-glow:#e09b034d;--accent-secondary-glow:#d866004d;--glass-bg:#3c113c99;--glass-border:#e09b0333;--surface-1:#1a0619;--surface-2:#220d22;--surface-3:#2e1030;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff73;--font-heading:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--section-padding:clamp(60px, 8vw, 140px);--container-max:1280px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-med:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.7s cubic-bezier(.4, 0, .2, 1);--shadow-glow-accent:0 0 40px #e09b0333, 0 0 80px #d866001a;--shadow-card:0 4px 24px #0006, 0 1px 4px #0000004d;--shadow-elevated:0 20px 60px #00000080, 0 4px 16px #3c113c4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--primary-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2rem,7vw,5rem);font-weight:800}h2{font-size:clamp(1.6rem,5vw,3.5rem);font-weight:700}h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:700}h4{font-size:clamp(1rem,2vw,1.4rem);font-weight:600}p{font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,4vw,80px)}.section-pad{padding:var(--section-padding) 0}.gradient-text{background:linear-gradient(135deg, var(--accent-main) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-med);letter-spacing:.01em;white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--accent-main) 0%, var(--accent-secondary) 100%);color:var(--white);box-shadow:0 4px 20px #e09b0359}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e09b0380}.btn-outline{color:var(--accent-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:1.5px solid #e09b0380}.btn-outline:hover{border-color:var(--accent-main);background:#e09b031a;transform:translateY(-2px)}.btn-ghost{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1.5px solid #ffffff1f}.btn-ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-sm{padding:.6rem 1.25rem;font-size:.85rem}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:20px;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#e09b0366,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-surface{background:var(--surface-2);transition:all var(--transition-med);border:1px solid #ffffff12;border-radius:16px}.card-surface:hover{box-shadow:var(--shadow-elevated);border-color:#e09b0340;transform:translateY(-4px)}.navbar{z-index:1000;transition:all var(--transition-med);padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#1c081cf2;border-bottom:1px solid #e09b031a;padding:.75rem 0;box-shadow:0 4px 30px #0000004d}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-main), var(--accent-secondary));width:0;height:2px;transition:width var(--transition-med);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--accent-main)}.nav-link:hover:after{width:100%}.desktop-nav{align-items:center;gap:2rem;display:flex}.mobile-menu-btn{display:none}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;color:var(--white);font-family:var(--font-body);transition:all var(--transition-fast);background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;padding:.875rem 1.125rem;font-size:max(16px,.95rem)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-main);background:#e09b030d;box-shadow:0 0 0 3px #e09b0326}.form-input::placeholder{color:var(--text-muted)}.form-select option{background:var(--primary);color:var(--white)}.form-error{color:#ef4444;font-size:.8rem}.form-success{color:#22c55e;font-size:.8rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:50px;align-items:center;gap:.375rem;padding:.35rem .875rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-main);background:#e09b0326;border:1px solid #e09b034d}.badge-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.badge-warning{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.badge-inactive{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af4d}.section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-main);font-size:.78rem;font-weight:700;font-family:var(--font-body);background:#e09b031a;border:1px solid #e09b0340;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1rem;display:inline-flex}.section-tag:before{content:"";background:var(--accent-main);width:6px;height:6px;box-shadow:0 0 8px var(--accent-main);border-radius:50%}.spinner{border:2px solid #fff3;border-top-color:var(--white);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e09b034d}50%{box-shadow:0 0 40px #e09b0399,0 0 80px #d8660033}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes particle-rise{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(0)}}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-float{animation:5s ease-in-out infinite float}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulse-glow}.animate-rotate{animation:20s linear infinite rotate-slow}.animate-morph{animation:8s ease-in-out infinite morph}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--primary-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-main), var(--accent-secondary));border-radius:3px}.dashboard-sidebar{background:var(--surface-1);z-index:100;border-right:1px solid #ffffff0d;width:260px;min-height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.dashboard-main{background:var(--primary-dark);min-height:100vh;margin-left:260px}@media (max-width:1024px){.dashboard-sidebar{transition:transform var(--transition-med);transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-2);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:520px;padding:2.5rem;animation:.3s fadeUp;position:relative}@media (max-width:480px){.modal-content{border-radius:16px;padding:1.5rem}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-pending{background:#fbbf24;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #fbbf2480}.status-active{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-inactive{background:#6b7280}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #ffffff0f;padding:.875rem 1rem;font-size:.78rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:1rem;font-size:.9rem}.data-table tr:hover td{background:#ffffff05}.highlight-box{background:linear-gradient(135deg,#e09b0314,#d866000d);border:1px solid #e09b0333;border-radius:16px;padding:1.5rem}@media (max-width:768px){.section-pad{padding:60px 0}.hide-mobile{display:none!important}.btn-lg{padding:.875rem 2rem;font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.container{padding:0 16px}.glass-card{border-radius:16px}.btn{padding:.75rem 1.5rem;font-size:.9rem}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:.875rem 1.5rem;font-size:.95rem}.step-label{font-size:.6rem!important}.section-tag{padding:.35rem .75rem;font-size:.7rem}}@keyframes continuous-scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% - 2rem))}}@keyframes continuous-scroll-left-mobile{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1.25rem))}}.continuous-marquee-container{-webkit-user-select:none;user-select:none;gap:2rem;width:100%;padding:.75rem 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.continuous-marquee-group{min-width:100%;animation:continuous-scroll-left var(--marquee-speed,32s) linear infinite;will-change:transform;flex-shrink:0;justify-content:space-around;align-items:center;gap:2rem;display:flex}.continuous-marquee-container:hover .continuous-marquee-group{animation-play-state:paused}.marquee-logo-card{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-height:64px;padding:.85rem 1.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #0003}.marquee-logo-card:hover{background:#e09b0314;border-color:#e09b0359;transform:translateY(-2px)scale(1.04);box-shadow:0 8px 30px #e09b0326}.marquee-logo-img{object-fit:contain;filter:grayscale(30%)opacity(.85);width:auto;max-width:150px;height:36px;transition:filter .3s,transform .3s}.marquee-logo-card:hover .marquee-logo-img{filter:grayscale(0%)opacity()}.marquee-logo-fallback{font-family:var(--font-heading);color:var(--white);letter-spacing:.05em;font-size:.95rem;font-weight:700}@media (max-width:768px){.continuous-marquee-container{gap:1.25rem}.continuous-marquee-group{gap:1.25rem;animation-name:continuous-scroll-left-mobile}.marquee-logo-card{border-radius:10px;min-height:54px;padding:.65rem 1.25rem}.marquee-logo-img{max-width:120px;height:28px}}