:root{--saffron:#ff6b35;--saffron-light:#ff8c5a;--saffron-dark:#e55a25;--gold:#f5a623;--gold-light:#f7c050;--maroon:#8b1a1a;--maroon-light:#b22222;--cream:#fff8f0;--cream-2:#fff3e6;--bg-primary:#0f0a05;--bg-secondary:#1a1008;--bg-card:#1e1510;--bg-card-2:#251a0f;--bg-glass:#1e1510d9;--text-primary:#fff8f0;--text-secondary:#c4a882;--text-muted:#8a7060;--text-dark:#2c1810;--border:#f5a62333;--border-hover:#f5a62380;--border-focus:#ff6b35b3;--gradient-brand:linear-gradient(135deg, #ff6b35 0%, #f5a623 50%, #e55a25 100%);--gradient-dark:linear-gradient(135deg, #1a1008 0%, #0f0a05 100%);--gradient-card:linear-gradient(135deg, #1e1510e6 0%, #251a0fe6 100%);--gradient-hero:linear-gradient(180deg, #0f0a054d 0%, #0f0a05d9 60%, #0f0a05 100%);--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-glow:0 0 20px #ff6b3533;--shadow-glow-lg:0 0 40px #ff6b354d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--z-nav:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}h1{font-size:clamp(1.8rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3.5vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.4rem)}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.page-wrapper{min-height:100vh;padding-top:70px}.navbar{z-index:var(--z-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0f0a05e6;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem;display:flex}.navbar-brand{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;display:flex}.navbar-brand span{color:var(--saffron)}.navbar-logo{border-radius:var(--radius-sm);background:var(--gradient-brand);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.navbar-actions{align-items:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 15px #ff6b3559}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b3580}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{color:var(--saffron);border:1.5px solid var(--saffron);background:0 0}.btn-outline:hover{background:var(--saffron);color:#fff}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff12}.btn-ghost:hover{color:var(--text-primary);background:#ffffff1f}.btn-danger{color:#f87171;background:#dc262626;border:1px solid #dc26264d}.btn-danger:hover{background:#dc262640}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-lg{border-radius:var(--radius-md);padding:.85rem 2rem;font-size:1rem}.btn-full{width:100%}.btn-icon-only{padding:.6rem}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.82rem;font-weight:600}.form-label .required{color:var(--saffron);margin-left:2px}.form-label .optional{color:var(--text-muted);text-transform:none;margin-left:4px;font-weight:400}.form-control{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);background:#ffffff0d;outline:none;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--border-focus);background:#ffffff12;box-shadow:0 0 0 3px #ff6b351a}.form-control::placeholder{color:var(--text-muted)}select.form-control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238A7060' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}select.form-control option{background:var(--bg-card);color:var(--text-primary)}.form-control.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:.78rem}.form-hint{color:var(--text-muted);font-size:.78rem}.phone-input-wrapper{gap:.5rem;display:flex}.phone-country{flex-shrink:0;width:100px}.radio-group{flex-wrap:wrap;gap:.75rem;display:flex}.radio-option{flex:1;min-width:80px}.radio-option input[type=radio]{display:none}.radio-option label{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition);text-align:center;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.88rem;font-weight:600;display:flex}.radio-option input:checked+label{border-color:var(--saffron);color:var(--saffron);background:#ff6b351f}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.badge{border-radius:var(--radius-full);letter-spacing:.04em;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.badge-warning{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-primary{color:var(--saffron);background:#ff6b3526;border:1px solid #ff6b354d}.section{padding:4rem 0}.section-sm{padding:2rem 0}.section-header{text-align:center;margin-bottom:2.5rem}.section-tag{color:var(--saffron);border-radius:var(--radius-full);letter-spacing:.1em;text-transform:uppercase;background:#ff6b351f;border:1px solid #ff6b354d;margin-bottom:.75rem;padding:.3rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.attendee-card{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;position:relative}.attendee-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.attendee-number{color:var(--gold);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.attendee-number-circle{width:28px;height:28px;color:var(--gold);background:#f5a62326;border:1px solid #f5a6234d;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.table-container{border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff0a;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.data-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.9rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow-y:auto}.qr-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-glow);background:#fff;padding:1rem;display:inline-flex}.spinner{border:3px solid var(--border);border-top-color:var(--saffron);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-dark);z-index:0;position:absolute;inset:0}.hero-bg-pattern{z-index:0;background-image:radial-gradient(circle at 20% 20%,#ff6b3514 0%,#0000 50%),radial-gradient(circle at 80% 80%,#f5a6230f 0%,#0000 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F5A623' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;width:100%;position:relative}.stats-row{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.stat-item{flex-direction:column;gap:.15rem;display:flex}.stat-value{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.highlights-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.highlight-chip{color:var(--gold-light);border-radius:var(--radius-full);background:#f5a6231a;border:1px solid #f5a62340;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.82rem;font-weight:500;display:flex}.otp-grid{justify-content:center;gap:.6rem;display:flex}.otp-input{text-align:center;border:2px solid var(--border);border-radius:var(--radius-sm);width:52px;height:56px;color:var(--text-primary);transition:var(--transition);background:#ffffff0f;outline:none;font-family:inherit;font-size:1.4rem;font-weight:800}.otp-input:focus{border-color:var(--saffron);background:#ff6b3514;box-shadow:0 0 0 3px #ff6b3526}.stepper{align-items:center;gap:0;margin-bottom:2rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.step{flex:1;align-items:center;gap:0;display:flex}.step-circle{border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);background:var(--bg-card);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.step.active .step-circle{background:var(--gradient-brand);color:#fff;border-color:#0000;box-shadow:0 0 12px #ff6b3566}.step.done .step-circle{color:#4ade80;background:#22c55e26;border-color:#4ade80}.step-line{background:var(--border);flex:1;height:2px;margin:0 .25rem}.step.done+.step .step-line,.step.done .step-line{background:#4ade80}.step-label{color:var(--text-muted);white-space:nowrap;margin-top:.3rem;font-size:.72rem}.step.active .step-label{color:var(--saffron);font-weight:600}.step.done .step-label{color:#4ade80}.step-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.progress-bar{background:var(--border);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{background:var(--gradient-brand);border-radius:var(--radius-full);height:100%;transition:width .4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:.4s both fadeIn}.animate-slideUp{animation:.4s both slideUp}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (width<=768px){.section{padding:2.5rem 0}.card,.card-glass{padding:1.25rem}}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;gap:.25rem;width:240px;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-main{flex:1;min-height:100vh;margin-left:240px;padding:2rem}.admin-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;font-weight:500;display:flex}.admin-nav-item:hover{color:var(--text-primary);background:#ffffff0f}.admin-nav-item.active{color:var(--saffron);background:#ff6b351f}@media (width<=768px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:1rem}}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.opacity-70{opacity:.7}
