@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--teal:#00c4bc;--teal-dark:#00908a;--teal-glow:#00c4bc40;--teal-subtle:#00c4bc14;--black:#050a0f;--black-2:#0a1018;--surface-1:#0f1923;--surface-2:#162230;--surface-3:#1d2d3e;--silver:#a8b4c0;--silver-dark:#6b7a8a;--silver-light:#d0dae4;--chrome:linear-gradient(135deg, #c8d6e0 0%, #8fa0b0 40%, #b8c8d4 70%, #7a8e9e 100%);--white:#fff;--grey-100:#f0f4f8;--grey-200:#d0d8e0;--grey-400:#8090a0;--grey-600:#4a5a68;--grey-800:#2a3a48;--red:#e53e3e;--red-dark:#c53030;--red-glow:#e53e3e33;--red-bg:#e53e3e14;--font-brand:"Orbitron", sans-serif;--font-body:"Inter", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-teal:0 0 20px #00c4bc4d, 0 0 60px #00c4bc1a;--shadow-teal-sm:0 0 10px #00c4bc33;--shadow-card:0 4px 24px #00000080;--shadow-elevated:0 8px 40px #000000b3;--border-teal:1px solid #00c4bc4d;--border-silver:1px solid #a8b4c033;--border-subtle:1px solid #ffffff0d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);letter-spacing:.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--silver-light);line-height:1.7}a{color:var(--teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--teal-dark)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:900px}.container-xs{max-width:640px}.section{padding:var(--space-16) 0}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-4)}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.card{background:var(--surface-1);border:var(--border-teal);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-teal);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(20px);border:var(--border-teal);border-radius:var(--radius-xl);padding:var(--space-6);background:#0f1923cc}.card-metal{background:linear-gradient(145deg, var(--surface-2) 0%, var(--surface-1) 50%, var(--surface-3) 100%);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-elevated);border:1px solid #a8b4c040;position:relative;overflow:hidden}.card-metal:before{content:"";background:linear-gradient(90deg,#0000,#a8b4c080,#0000);height:1px;position:absolute;top:0;left:0;right:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);letter-spacing:.03em;white-space:nowrap;border:none;outline:none;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff12}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);color:var(--black);font-weight:700;box-shadow:0 4px 16px #00c4bc4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00c4bc80}.btn-secondary{color:var(--teal);border:var(--border-teal);background:0 0}.btn-secondary:hover{background:var(--teal-subtle);box-shadow:var(--shadow-teal-sm)}.btn-ghost{color:var(--silver-light);border:var(--border-silver);background:#ffffff0d}.btn-ghost:hover{color:var(--white);background:#ffffff1a}.btn-danger{background:linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);color:var(--white);font-weight:700}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.btn-xl{padding:var(--space-5) var(--space-10);font-size:1.1rem}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--silver-light);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:600}.form-input{background:var(--surface-2);border:var(--border-silver);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--white);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;font-size:.95rem}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}.form-input::placeholder{color:var(--grey-400)}.form-checkbox{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--teal);cursor:pointer;margin-top:2px}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}.badge-teal{background:var(--teal-subtle);color:var(--teal);border:1px solid #00c4bc33}.badge-silver{color:var(--silver-light);border:var(--border-silver);background:#a8b4c01a}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid #e53e3e4d}.badge-tier-1{color:var(--teal);border:1px solid var(--teal);background:#00c4bc26}.badge-tier-2{color:var(--silver-light);border:var(--border-silver);background:#a8b4c026}.badge-tier-3{color:var(--grey-400);border:1px solid var(--grey-600);background:#4a5a684d}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#050a0fe6;border-bottom:1px solid #00c4bc26;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-brand);color:var(--teal);letter-spacing:.08em;text-shadow:0 0 20px #00c4bc80;font-size:1.1rem;font-weight:800}.glow-teal{text-shadow:0 0 20px #00c4bc99,0 0 40px #00c4bc4d}.glow-border{box-shadow:0 0 0 1px #00c4bc4d,0 0 20px #00c4bc1a}.disclaimer-box,.disclaimer-warning{background:var(--red-bg);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid #e53e3e66;position:relative;overflow:hidden}.form-group+.form-group{margin-top:var(--space-5)}.disclaimer-box:before{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);height:2px;position:absolute;top:0;left:0;right:0}.disclaimer-title{color:var(--red);font-family:var(--font-brand);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;display:flex}.disclaimer-text{color:var(--silver-light);font-size:.9rem;line-height:1.7}@keyframes pulse-teal{0%,to{box-shadow:0 0 10px #00c4bc33}50%{box-shadow:0 0 25px #00c4bc80,0 0 50px #00c4bc33}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:.6s forwards fadeInUp}.animate-pulse-teal{animation:2s infinite pulse-teal}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--black-2)}::-webkit-scrollbar-thumb{background:var(--teal-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.text-teal{color:var(--teal)}.text-silver{color:var(--silver)}.text-white{color:var(--white)}.text-grey{color:var(--grey-400)}.text-red{color:var(--red)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-brand{font-family:var(--font-brand)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.page-top-padding{padding-top:64px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-6);background:#050a0feb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-1);border:var(--border-teal);border-radius:var(--radius-2xl);padding:var(--space-8);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-teal);animation:.3s fadeInUp;overflow-y:auto}.hero-bg{background:radial-gradient(ellipse at 20% 50%, #00c4bc14 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #00908a0d 0%, transparent 50%), var(--black)}.product-card{background:var(--surface-1);border:var(--border-teal);border-radius:var(--radius-xl);transition:transform var(--transition-base), box-shadow var(--transition-base);cursor:pointer;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-teal);transform:translateY(-4px)}.product-card-img{aspect-ratio:1;object-fit:cover;background:var(--surface-2);width:100%}.product-card-body{padding:var(--space-4)}.sidebar{background:var(--black-2);border-right:var(--border-teal);width:260px;min-height:100vh;padding:var(--space-6) 0;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:var(--silver);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:var(--teal);background:var(--teal-subtle);border-left-color:var(--teal)}.dashboard-main{background:var(--black);min-height:100vh;margin-left:260px;padding-top:64px}@media (max-width:1024px){.sidebar{display:none}.dashboard-main{margin-left:0}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-active{background:var(--teal);box-shadow:0 0 6px var(--teal)}.status-pending{background:#f6ad55;box-shadow:0 0 6px #f6ad55}.status-error{background:var(--red);box-shadow:0 0 6px var(--red)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-md);background-size:1000px 100%;animation:1.5s infinite shimmer}h1,h2,h3,h4,h5,h6,.btn{text-transform:capitalize}.badge{text-transform:uppercase;letter-spacing:.06em}.form-label{text-transform:capitalize;letter-spacing:.03em}.nav-logo{text-transform:uppercase}.sidebar-nav-item,nav a,nav span,nav button{text-transform:capitalize}