@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&display=swap";
:root{--gold:#d4af37;--gold-light:gold;--gold-dark:#b8960c;--gold-glow:#d4af374d;--dark-bg:#0a0a0f;--dark-card:#ffffff0d;--dark-card-hover:#ffffff14;--dark-border:#ffffff1a;--dark-border-gold:#d4af3766;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#606070;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--blue:#3b82f6;--radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-gold:0 0 40px #d4af3733;--shadow-card:0 8px 32px #0006;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-main:"Inter", sans-serif;--font-display:"Outfit", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--dark-bg);color:var(--text-primary);background-image:radial-gradient(at 20% 20%,#d4af370d 0%,#0000 60%),radial-gradient(at 80% 80%,#3b82f60a 0%,#0000 60%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.page-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.card{background:var(--dark-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--dark-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);padding:2.5rem;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-glow), transparent);height:1px;position:absolute;top:0;left:0;right:0}.card-gold{border-color:var(--dark-border-gold);box-shadow:var(--shadow-card), var(--shadow-gold)}.btn{border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#0a0a0f;box-shadow:0 4px 20px var(--gold-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px #d4af3780}.btn-secondary{background:var(--dark-card);color:var(--text-primary);border:1px solid var(--dark-border)}.btn-secondary:hover{border-color:var(--gold)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-lg{border-radius:var(--radius);padding:1.125rem 2.5rem;font-size:1.125rem}.btn-full{width:100%}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.form-input{border:1px solid var(--dark-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);transition:var(--transition);background:#ffffff0a;outline:none;width:100%;padding:1rem 1.25rem;font-size:1rem}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow);background:#d4af370d}.form-input::placeholder{color:var(--text-muted)}.otp-input-group{justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.otp-digit{text-align:center;border:2px solid var(--dark-border);border-radius:var(--radius-sm);width:56px;height:64px;color:var(--gold);transition:var(--transition);font-size:1.75rem;font-weight:700;font-family:var(--font-display);background:#ffffff0a;outline:none}.otp-digit:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow);background:#d4af3714}.step-indicator{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.step-item{flex-direction:column;align-items:center;gap:.25rem;min-width:60px;display:flex}.step-circle{border:2px solid var(--dark-border);width:36px;height:36px;color:var(--text-muted);background:var(--dark-card);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:relative}.step-circle.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 15px var(--gold-glow);background:#d4af371a;animation:2s ease-in-out infinite stepPulse}.step-circle.done{border-color:var(--success);color:#0a0a0f;background:var(--success)}.step-label{color:var(--text-muted);text-align:center;max-width:60px;font-size:.6rem;line-height:1.2}.step-connector{background:var(--dark-border);flex:1;min-width:20px;height:2px;margin-bottom:18px}.step-connector.done{background:var(--gold)}@keyframes stepPulse{0%,to{box-shadow:0 0 10px var(--gold-glow)}50%{box-shadow:0 0 25px #d4af3780}}.camera-container{border-radius:var(--radius);aspect-ratio:4/3;border:2px solid var(--dark-border);transition:var(--transition);background:#000;position:relative;overflow:hidden}.camera-container.active{border-color:var(--gold);box-shadow:var(--shadow-gold)}.camera-video{object-fit:cover;width:100%;height:100%;display:block}.camera-overlay{pointer-events:none;position:absolute;inset:0}.corner{border-color:var(--gold);border-style:solid;width:30px;height:30px;position:absolute}.corner-tl{border-width:3px 0 0 3px;top:12px;left:12px}.corner-tr{border-width:3px 3px 0 0;top:12px;right:12px}.corner-bl{border-width:0 0 3px 3px;bottom:12px;left:12px}.corner-br{border-width:0 3px 3px 0;bottom:12px;right:12px}.camera-captured-img{object-fit:cover;width:100%;height:100%;display:block}.thermal-canvas{border-radius:var(--radius);filter:hue-rotate();width:100%;height:auto}.weight-display{text-align:center;border:1px solid var(--dark-border-gold);border-radius:var(--radius-lg);background:#d4af370d;padding:2rem}.weight-value{font-family:var(--font-display);color:var(--gold-light);text-shadow:0 0 30px var(--gold-glow);font-size:4rem;font-weight:800;line-height:1}.weight-unit{color:var(--text-secondary);margin-left:.5rem;font-size:1.5rem}.quality-badge{border-radius:var(--radius-xl);border:3px solid;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 2.5rem;display:inline-flex;position:relative;overflow:hidden}.quality-badge:before{content:"";opacity:.06;background:currentColor;position:absolute;inset:0}.quality-grade-text{font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:1}.quality-purity-text{opacity:.8;margin-top:.25rem;font-size:1rem;font-weight:600}.grade-24k{color:gold;border-color:gold}.grade-22k{color:#d4af37;border-color:#d4af37}.grade-18k{color:#c0a020;border-color:#c0a020}.grade-14k{color:#a08020;border-color:#a08020}.grade-9k{color:#808020;border-color:#808020}.fft-chart-canvas{border-radius:var(--radius-sm);background:#0000004d;width:100%;height:120px}.alert{border-radius:var(--radius-sm);align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.alert-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d}.alert-info{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d}.spinner{border:3px solid #ffffff1a;border-top-color:var(--gold);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.float-animation{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-gold{animation:2s ease-in-out infinite pulseGold}@keyframes pulseGold{0%,to{box-shadow:0 0 10px var(--gold-glow)}50%{box-shadow:0 0 40px #d4af3780}}.fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;color:var(--gold);border-bottom:1px solid var(--dark-border-gold);text-transform:uppercase;letter-spacing:.05em;background:#d4af370d;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--dark-border);color:var(--text-secondary);vertical-align:middle;padding:.875rem 1rem}.admin-table tbody tr{cursor:pointer;transition:var(--transition)}.admin-table tbody tr:hover{background:#d4af370a}.badge{border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--gold);border:1px solid var(--dark-border-gold);background:#d4af3726}.badge-success{color:var(--success);background:#22c55e1a}.badge-error{color:var(--error);background:#ef44441a}.badge-muted{color:var(--text-muted);background:#ffffff0d}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.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:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.otp-input-group{gap:.5rem}.otp-digit{width:44px;height:54px;font-size:1.5rem}}.bg-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{background:var(--gold);opacity:0;width:4px;height:4px;animation:particleFly var(--duration,8s) var(--delay,0s) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes particleFly{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.4}90%{opacity:.2}to{opacity:0;transform:translateY(-100px)scale(1.5)}}