[x-cloak]{display:none!important}.register-main{padding-top:80px;min-height:100vh;background:linear-gradient(135deg,var(--color-primary-800) 0,var(--color-primary-700) 50%,var(--color-primary-900) 100%);position:relative;overflow:hidden}.register-bg-decoration{position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--color-gold-400) 0,transparent 70%);opacity:.1;pointer-events:none}.register-bg-pattern{position:absolute;inset:0;background-image: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='%23d4af37' 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");pointer-events:none}.register-header{text-align:center;padding:var(--space-8) 0}.register-header-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-gold-400),var(--color-gold-600));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 10px 40px rgba(212,175,55,.3);animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.register-title{font-size:var(--text-4xl);color:white;margin-bottom:var(--space-2);font-weight:700}.register-subtitle{font-size:var(--text-lg);color:var(--color-primary-200)}.register-form{background:rgba(255,255,255,.98);border-radius:24px;padding:var(--space-8);max-width:900px;margin:0 auto;box-shadow:0 25px 80px rgba(0,0,0,.3);backdrop-filter:blur(20px)}.step-indicator-container{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-neutral-100)}.step-indicator{display:flex;justify-content:center;align-items:flex-start;gap:0}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:150px}.step-circle{width:56px;height:56px;border-radius:50%;background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-neutral-400);transition:all .4s cubic-bezier(0.4,0,.2,1);position:relative;z-index:1;border:3px solid var(--color-neutral-200)}.step-item.active .step-circle{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:white;border-color:var(--color-primary-400);box-shadow:0 0 0 6px rgba(46,125,50,.15),0 8px 25px rgba(46,125,50,.3);transform:scale(1.1)}.step-item.completed .step-circle{background:linear-gradient(135deg,var(--color-gold-400),var(--color-gold-600));color:var(--color-primary-800);border-color:var(--color-gold-300);box-shadow:0 4px 15px rgba(212,175,55,.3)}.step-label{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-400);transition:all .3s}.step-item.active .step-label,.step-item.completed .step-label{color:var(--color-primary-700)}.step-line{position:absolute;top:28px;left:calc(50% + 35px);width:calc(100% - 20px);height:4px;background:var(--color-neutral-200);border-radius:2px}.step-item.completed .step-line{background:linear-gradient(90deg,var(--color-gold-400),var(--color-gold-500))}.step-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.step-header-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,var(--color-gold-400),var(--color-gold-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;opacity:.3}.step-title{font-size:var(--text-2xl);color:var(--color-primary-700);margin-bottom:var(--space-1)}.step-desc{color:var(--color-neutral-500);font-size:var(--text-base)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:768px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-card{position:relative;background:white;border:2px solid var(--color-neutral-200);border-radius:16px;padding:var(--space-5);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,.2,1);overflow:hidden}.category-card:hover{border-color:var(--color-primary-300);transform:translateY(-4px);box-shadow:0 12px 30px rgba(27,77,62,.12)}.category-card.selected{border-color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-50),white);box-shadow:0 12px 35px rgba(27,77,62,.2)}.category-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--color-gold-400) 0,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.category-card.selected .category-glow{opacity:.08}.category-icon{font-size:48px;margin-bottom:var(--space-3);filter:grayscale(0.3);transition:all .3s}.category-card.selected .category-icon,.category-card:hover .category-icon{filter:grayscale(0);transform:scale(1.1)}.category-name{font-weight:700;font-size:var(--text-lg);color:var(--color-neutral-800);margin-bottom:var(--space-1)}.category-count{font-size:var(--text-sm);color:var(--color-neutral-500)}.category-check{position:absolute;top:10px;right:10px;width:24px;height:24px;background:var(--color-primary-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.category-check svg{width:14px;height:14px}.category-tingkat{display:flex;justify-content:center;gap:4px;margin-top:var(--space-3);flex-wrap:wrap}.cat-tingkat-badge{display:inline-block;padding:2px 8px;background:var(--color-primary-100);border:1px solid var(--color-primary-200);border-radius:12px;font-size:10px;font-weight:600;color:var(--color-primary-600)}.category-card.selected .cat-tingkat-badge{background:var(--color-gold-100);border-color:var(--color-gold-300);color:var(--color-gold-700)}.section-label{display:block;font-weight:600;font-size:var(--text-base);color:var(--color-primary-700);margin-bottom:var(--space-4)}.lomba-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px dashed var(--color-neutral-200)}.lomba-grid{display:grid;gap:var(--space-3)}@media (min-width:640px){.lomba-grid{grid-template-columns:repeat(2,1fr)}}.lomba-card{border:2px solid var(--color-neutral-200);border-radius:12px;padding:var(--space-4);cursor:pointer;transition:all .3s;background:white}.lomba-card:hover{border-color:var(--color-gold-400);background:var(--color-gold-50)}.lomba-card.selected{border-color:var(--color-gold-500);background:linear-gradient(135deg,var(--color-gold-50),var(--color-gold-100));box-shadow:0 4px 20px rgba(212,175,55,.15)}.lomba-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.lomba-name{font-weight:600;color:var(--color-neutral-800)}.lomba-badge{width:22px;height:22px;background:var(--color-gold-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px}.lomba-details{display:flex;gap:var(--space-4)}.lomba-detail{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-neutral-600)}.detail-icon{font-size:14px}.lomba-tingkat{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-neutral-200);flex-wrap:wrap}.lomba-tingkat .tingkat-label{font-size:var(--text-xs);color:var(--color-neutral-500);font-weight:500}.tingkat-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.tingkat-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50));border:1px solid var(--color-primary-300);border-radius:20px;font-size:var(--text-xs);font-weight:600;color:var(--color-primary-700);transition:all .3s}.lomba-card.selected .tingkat-badge{background:linear-gradient(135deg,var(--color-gold-200),var(--color-gold-100));border-color:var(--color-gold-400);color:var(--color-gold-800)}.tingkat-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px dashed var(--color-neutral-200)}.tingkat-grid{display:flex;gap:var(--space-3);flex-wrap:wrap}.tingkat-btn{padding:var(--space-3) var(--space-6);border:2px solid var(--color-neutral-300);border-radius:12px;background:white;font-weight:600;font-size:var(--text-base);color:var(--color-neutral-600);cursor:pointer;transition:all .3s}.tingkat-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.tingkat-btn.selected{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-color:var(--color-primary-500);color:white;box-shadow:0 4px 15px rgba(46,125,50,.3)}.form-grid{display:grid;gap:var(--space-5)}@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-label{display:flex;align-items:center;gap:var(--space-2);font-weight:600;margin-bottom:var(--space-2);color:var(--color-neutral-700);font-size:var(--text-sm)}.label-icon{font-size:16px}.required{color:var(--color-error)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-neutral-200);border-radius:12px;font-size:var(--text-base);transition:all .3s;background:white}.form-input:focus{outline:0;border-color:var(--color-primary-500);box-shadow:0 0 0 4px rgba(46,125,50,.1)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.whatsapp-input-wrapper{position:relative;display:flex;align-items:center}.whatsapp-input-wrapper .form-input{padding-right:50px}.whatsapp-status{position:absolute;right:16px;font-size:20px;display:flex;align-items:center}.wa-loading{animation:pulse 1s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.wa-valid{color:var(--color-primary-500)}.wa-invalid{color:var(--color-error)}.form-input.input-valid{border-color:var(--color-primary-500);background-color:rgba(46,125,50,.05)}.form-input.input-invalid{border-color:var(--color-error);background-color:rgba(220,38,38,.05)}.success-message{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-primary-600);display:flex;align-items:center;gap:var(--space-1)}.peserta-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.peserta-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:16px;padding:var(--space-4);transition:all .3s}.peserta-card:hover{border-color:var(--color-primary-300)}.peserta-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.peserta-number{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--text-sm)}.peserta-label{font-weight:600;color:var(--color-primary-700);flex:1}.peserta-remove{width:28px;height:28px;border:0;background:var(--color-error);color:white;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.peserta-remove:hover{background:#dc2626;transform:scale(1.1)}.peserta-form{display:grid;gap:var(--space-3)}@media (min-width:640px){.peserta-form{grid-template-columns:2fr 1fr}}.add-peserta-btn{width:100%;padding:var(--space-4);border:2px dashed var(--color-primary-300);border-radius:12px;background:transparent;color:var(--color-primary-600);font-weight:600;font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .3s;margin-bottom:var(--space-6)}.add-peserta-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}.add-icon{width:24px;height:24px;background:var(--color-primary-500);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.summary-card{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-900));border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(27,77,62,.3)}.summary-header{background:rgba(0,0,0,.2);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-3);color:var(--color-gold-300);font-weight:600}.summary-icon{font-size:20px}.summary-content{padding:var(--space-5) var(--space-6)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--color-primary-200);font-size:var(--text-sm)}.summary-value{color:white;font-weight:500}.summary-total{background:rgba(212,175,55,.2);padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;color:white;font-weight:600;font-size:var(--text-lg)}.total-amount{font-size:var(--text-2xl);color:var(--color-gold-400);font-weight:700}.form-navigation{display:flex;justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-neutral-100)}.btn-nav{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-submit{min-width:200px}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.global-error{background:var(--color-error);color:white;padding:var(--space-4);border-radius:12px;margin-top:var(--space-4);display:flex;align-items:center;gap:var(--space-3);justify-content:center}.success-card{background:white;border-radius:24px;padding:var(--space-10);max-width:600px;margin:0 auto;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.3)}.success-icon{font-size:80px;margin-bottom:var(--space-4);animation:bounce 1s ease}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.success-title{font-size:var(--text-3xl);color:var(--color-success);margin-bottom:var(--space-4)}.success-text{color:var(--color-neutral-600);margin-bottom:var(--space-2)}.success-id{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));color:white;padding:var(--space-4) var(--space-6);border-radius:12px;font-size:var(--text-2xl);font-weight:700;font-family:monospace;margin-bottom:var(--space-6);display:inline-block}.success-info{color:var(--color-neutral-600);font-size:var(--text-sm);line-height:1.8;margin-bottom:var(--space-6)}.success-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:480px){.success-actions{flex-direction:row;justify-content:center}}.info-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4);max-width:900px;margin:var(--space-10) auto 0;padding-bottom:var(--space-10)}@media (min-width:768px){.info-cards{grid-template-columns:repeat(3,1fr)}}.info-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:var(--space-5);text-align:center;transition:all .3s}.info-card:hover{background:rgba(255,255,255,.15);transform:translateY(-4px)}.info-icon{font-size:32px;margin-bottom:var(--space-2)}.info-title{font-weight:600;color:var(--color-gold-300);font-size:var(--text-sm);margin-bottom:var(--space-1)}.info-value{color:white;font-weight:600}.slide-enter{animation:slideIn .4s ease}.slide-leave{animation:slideOut .3s ease}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@media (max-width:640px){.register-form{padding:var(--space-5);border-radius:20px}.step-circle{width:48px;height:48px;font-size:20px}.step-line{top:24px;left:calc(50% + 30px)}.step-header-number{font-size:32px}.step-title{font-size:var(--text-xl)}.register-title{font-size:var(--text-3xl)}.form-navigation{flex-direction:column;gap:var(--space-3)}.btn-nav{width:100%;justify-content:center}}