@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--tsel-red:#ed1c24;--tsel-red-deep:#c41018;--tsel-red-glow:#ed1c2440;--tsel-dark:#1a0a0b;--tsel-gold:gold;--tsel-gold-soft:#ffe066;--tsel-silver:silver;--tsel-bronze:#cd7f32;--tsel-surface:#ffffff0f;--tsel-surface-raised:#ffffff1a;--tsel-border:#ffffff14;--tsel-border-accent:#ed1c244d;--tsel-text:#f5f0f0;--tsel-text-soft:#f5f0f099;--tsel-text-muted:#f5f0f059;--tsel-gradient-hero:linear-gradient(135deg, #1a0a0b 0%, #2d0e10 40%, #3a1215 70%, #1a0a0b 100%);--tsel-gradient-card:linear-gradient(165deg, #ffffff14 0%, #ffffff05 100%);--tsel-font:"Plus Jakarta Sans", "Manrope", system-ui, -apple-system, sans-serif}.gebyar-page{font-family:var(--tsel-font);background:var(--tsel-dark);min-height:100vh;color:var(--tsel-text);overflow-x:hidden}.gebyar-hero{background:var(--tsel-gradient-hero);text-align:center;padding:3rem 1.5rem 2rem;position:relative;overflow:hidden}.gebyar-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ed1c2426,#0000 50%),radial-gradient(circle at 80% 80%,#ffd70014,#0000 50%);position:absolute;inset:0}.gebyar-hero:after{content:"";background:linear-gradient(to top, var(--tsel-dark), transparent);pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.hero-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(60px);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.shape-1{background:#ed1c241f;width:300px;height:300px;animation-delay:0s;top:-100px;left:-50px}.shape-2{background:#ffd7000f;width:200px;height:200px;animation-delay:-3s;top:20px;right:-80px}.shape-3{background:#ed1c2414;width:160px;height:160px;animation-delay:-5s;bottom:40px;left:30%}.shape-4{background:#ffd7000a;width:120px;height:120px;animation-delay:-2s;bottom:-30px;right:20%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.hero-content{z-index:1;max-width:640px;margin:0 auto;position:relative}.hero-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--tsel-gold-soft);background:#ffd7001a;border:1px solid #ffd70033;border-radius:100px;align-items:center;gap:6px;margin-bottom:1.25rem;padding:6px 16px;font-size:.7rem;font-weight:700;animation:.6s cubic-bezier(.16,1,.3,1) both rise-in;display:inline-flex}.hero-title{font-family:var(--tsel-font);color:#fff;letter-spacing:-.02em;margin:0 0 1rem;font-size:2.5rem;font-weight:900;line-height:1.05;animation:.6s cubic-bezier(.16,1,.3,1) 80ms both rise-in}.hero-title-accent{background:linear-gradient(135deg, var(--tsel-red), #ff4d54, var(--tsel-gold-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--tsel-text-soft);margin:0 0 1.5rem;font-size:.9rem;font-weight:500;animation:.6s cubic-bezier(.16,1,.3,1) .16s both rise-in}.hero-image-placeholder{aspect-ratio:16/7;background:var(--tsel-gradient-card);border:1px dashed #ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;animation:.6s cubic-bezier(.16,1,.3,1) .24s both rise-in;display:flex}.placeholder-inner{color:var(--tsel-text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.placeholder-inner span{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.gebyar-body{z-index:2;max-width:960px;margin:-2rem auto 0;padding:0 1rem 3rem;position:relative}.ranking-section{background:var(--tsel-gradient-card);border:1px solid var(--tsel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.ranking-header{border-bottom:1px solid var(--tsel-border);background:#ed1c240f;align-items:center;gap:14px;padding:1.25rem 1.5rem;display:flex}.ranking-icon{background:linear-gradient(135deg, var(--tsel-red), var(--tsel-red-deep));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #ed1c244d}.ranking-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:800}.ranking-date{color:var(--tsel-text-soft);margin:2px 0 0;font-size:.78rem;font-weight:500}.ranking-table-wrap{display:none;overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:.875rem}.ranking-table thead{background:#ed1c2414}.ranking-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--tsel-text-soft);border-bottom:1px solid var(--tsel-border);padding:.85rem 1.25rem;font-size:.72rem;font-weight:700}.ranking-table th:first-child{text-align:center;width:80px}.ranking-table td{border-bottom:1px solid var(--tsel-border);color:var(--tsel-text);padding:.8rem 1.25rem;font-weight:500}.ranking-table td:first-child{text-align:center}.ranking-table tbody tr{transition:background .2s;animation:.5s cubic-bezier(.16,1,.3,1) both row-in}.ranking-table tbody tr:hover{background:#ed1c240f}.ranking-table tbody tr.top-three{background:#ffd70008}.ranking-table tbody tr.top-three:hover{background:#ffd70012}.ranking-table tbody tr:last-child td{border-bottom:none}@keyframes row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.phone-cell{letter-spacing:.02em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem}.rank-badge{background:var(--tsel-surface-raised);min-width:36px;height:36px;color:var(--tsel-text);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px 10px;font-size:.85rem;font-weight:800;line-height:1;display:inline-flex}.rank-badge.gold{color:#1a0a0b;background:linear-gradient(135deg,gold,#fa0);box-shadow:0 2px 12px #ffd7004d}.rank-badge.silver{color:#1a0a0b;background:linear-gradient(135deg,#e8e8e8,#b0b0b0);box-shadow:0 2px 12px #c0c0c033}.rank-badge.bronze{color:#1a0a0b;background:linear-gradient(135deg,#e8a54b,#cd7f32);box-shadow:0 2px 12px #cd7f3240}.rank-crown{margin-bottom:-1px;display:block}.ranking-cards-mobile{flex-direction:column;display:flex}.rank-card{border-bottom:1px solid var(--tsel-border);align-items:center;gap:14px;padding:.85rem 1.25rem;transition:background .2s;animation:.5s cubic-bezier(.16,1,.3,1) both row-in;display:flex}.rank-card:last-child{border-bottom:none}.rank-card:active{background:#ed1c240f}.rank-card.top-three{background:#ffd70008}.rank-card-left{flex-shrink:0}.rank-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.rank-card-phone{color:var(--tsel-text);letter-spacing:.01em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.84rem;font-weight:600}.rank-card-location{color:var(--tsel-text-soft);font-size:.75rem;font-weight:500}.check-section{background:var(--tsel-gradient-card);border:1px solid var(--tsel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin-top:1.25rem;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.check-content{text-align:center;padding:2rem 1.5rem}.check-icon-wrap{width:56px;height:56px;color:var(--tsel-red);background:linear-gradient(135deg,#ed1c2426,#ed1c240d);border:1px solid #ed1c2433;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.check-title{color:#fff;margin:0 0 .4rem;font-size:1.3rem;font-weight:800}.check-desc{color:var(--tsel-text-soft);margin:0 0 1.5rem;font-size:.85rem;font-weight:500}.input-group{flex-direction:column;gap:12px;max-width:420px;margin:0 auto;display:flex}.input-wrap{border:1px solid var(--tsel-border);background:#ffffff0f;border-radius:14px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--tsel-red);box-shadow:0 0 0 3px var(--tsel-red-glow)}.input-prefix{color:var(--tsel-text-soft);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 0 0 16px;font-size:.9rem;font-weight:700}.input-wrap input{color:var(--tsel-text);font-size:.95rem;font-weight:600;font-family:var(--tsel-font);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 16px 14px 8px}.input-wrap input::placeholder{color:var(--tsel-text-muted);font-weight:500}.check-btn{background:linear-gradient(135deg, var(--tsel-red), var(--tsel-red-deep));color:#fff;font-family:var(--tsel-font);letter-spacing:.08em;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ed1c244d}.check-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ed1c2466}.check-btn:active:not(:disabled){transform:translateY(0)}.check-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-box{text-align:left;background:#ffd7000f;border:1px solid #ffd70026;border-radius:14px;align-items:flex-start;gap:12px;max-width:420px;margin-top:1.25rem;margin-left:auto;margin-right:auto;padding:1rem 1.25rem;display:flex}.result-box svg{color:var(--tsel-gold-soft);flex-shrink:0;margin-top:2px}.result-box p{color:var(--tsel-text-soft);margin:0;font-size:.84rem;font-weight:500;line-height:1.6}.prizes-section{background:var(--tsel-gradient-card);border:1px solid var(--tsel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.prizes-header{border-bottom:1px solid var(--tsel-border);background:#ed1c240f;align-items:center;gap:14px;padding:1.25rem 1.5rem;display:flex}.prizes-body{flex-direction:column;gap:0;display:flex}.prizes-image-wrap{border-bottom:1px solid var(--tsel-border);flex-shrink:0;width:100%;max-height:280px;overflow:hidden}.prizes-image{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .4s;display:block}.prizes-image:hover{transform:scale(1.02)}.prizes-table-wrap{flex:1;overflow-x:auto}.prizes-table{border-collapse:collapse;width:100%;font-size:.875rem}.prizes-table thead{background:#ed1c2414}.prizes-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--tsel-text-soft);border-bottom:1px solid var(--tsel-border);padding:.75rem 1.25rem;font-size:.72rem;font-weight:700}.prizes-table th:first-child{text-align:center;width:80px}.prizes-table td{border-bottom:1px solid var(--tsel-border);color:var(--tsel-text);padding:.75rem 1.25rem;font-weight:500;line-height:1.45}.prizes-table td:first-child{text-align:center}.prizes-table tbody tr:last-child td{border-bottom:none}.prizes-table tbody tr{transition:background .2s}.prizes-table tbody tr:hover{background:#ed1c240a}.prize-row-gold{background:#ffd7000a}.prize-row-gold:hover{background:#ffd70014!important}.prize-row-silver{background:#c0c0c008}.prize-row-bronze{background:#cd7f3208}.prize-rank-label{background:var(--tsel-surface-raised);min-width:42px;color:var(--tsel-text-soft);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.info-strip{background:var(--tsel-gradient-card);border:1px solid var(--tsel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:1.25rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.info-item{color:var(--tsel-text-soft);align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.info-item svg{color:var(--tsel-red);flex-shrink:0}.info-divider{background:var(--tsel-border);width:1px;height:20px}@media (width>=768px){.gebyar-hero{padding:4rem 2rem 3rem}.hero-title{font-size:3.8rem}.hero-subtitle{font-size:1.05rem}.hero-badge{padding:8px 20px;font-size:.75rem}.hero-image-placeholder{aspect-ratio:16/6;border-radius:20px;max-width:560px}.gebyar-body{margin-top:-2.5rem;padding:0 2rem 4rem}.prizes-body{flex-direction:row;align-items:stretch}.prizes-image-wrap{border-bottom:none;border-right:1px solid var(--tsel-border);width:260px;max-height:none}.prizes-image{object-position:center center;height:100%}.prizes-header{padding:1.5rem 2rem}.ranking-table-wrap{display:block}.ranking-cards-mobile{display:none}.ranking-header{padding:1.5rem 2rem}.ranking-icon{border-radius:14px;width:48px;height:48px}.ranking-title{font-size:1.25rem}.check-content{padding:2.5rem}.check-title{font-size:1.5rem}.input-group{flex-direction:row;max-width:480px}.input-wrap{flex:1}.check-btn{border-radius:14px;flex-shrink:0;padding:14px 32px}.result-box{max-width:480px}.info-strip{gap:20px;padding:1.25rem 2rem}.info-item{font-size:.82rem}}@media (width>=1024px){.gebyar-hero{padding:5rem 2rem 4rem}.hero-title{font-size:4.5rem}.hero-image-placeholder{max-width:640px}.shape-1{width:500px;height:500px}.shape-2{width:350px;height:350px}.ranking-section,.check-section{border-radius:24px}.info-strip{border-radius:20px}}