:root{--color-bg: #020814;--color-primary: #00E5FF;--color-primary-glow: rgba(0, 229, 255, .4);--color-secondary: #25D366;--color-secondary-glow: rgba(37, 211, 102, .4);--color-text: #FFFFFF;--color-text-muted: #A0B0C0;--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}.bg-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,#0059ff26,#0000 70%);top:10%;left:50%;transform:translate(-50%);border-radius:50%;z-index:0;pointer-events:none;animation:pulse 8s infinite alternate}@keyframes pulse{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%) scale(1.2);opacity:1}}.container{width:100%;max-width:480px;padding:2rem 1.5rem;z-index:1;display:flex;flex-direction:column;gap:1.5rem}.header{text-align:center;margin-bottom:1rem}.logo{max-width:280px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.card{background:var(--color-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:24px;padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.card-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#ff007a,#7928ca);color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase;padding:.25rem .75rem;border-radius:12px;letter-spacing:1px}.title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,#FFF,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.subtitle{font-size:.95rem;color:var(--color-text-muted);margin-bottom:1.5rem;font-weight:300;line-height:1.5}.subtitle strong{color:#fff;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;color:#fff}.icon{width:24px;height:24px;margin-right:10px;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#e1306c,#833ab4);box-shadow:0 4px 15px #e1306c4d}.btn-primary:hover{box-shadow:0 8px 25px #e1306c80;transform:scale(1.02)}.btn-secondary{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 4px 15px #25d3664d}.btn-secondary:hover{box-shadow:0 8px 25px #25d36680;transform:scale(1.02)}.btn:active{transform:scale(.98)}.divider{text-align:center;color:var(--color-text-muted);font-weight:300;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--color-glass-border)}.divider:before{left:0}.divider:after{right:0}.footer{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin-top:1rem;opacity:.7}.card,.header,.divider,.footer{opacity:0;animation:fadeUp .6s ease forwards}.header{animation-delay:.1s}.card:nth-of-type(1){animation-delay:.2s}.divider{animation-delay:.3s}.card:nth-of-type(2){animation-delay:.4s}.footer{animation-delay:.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.instructions-box{background:#00e5ff0d;border:1px solid rgba(0,229,255,.2);border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left;font-size:.9rem;line-height:1.4}.instructions-box p{margin-bottom:.5rem}.instructions-box p:last-child{margin-bottom:0}.instructions-box strong{color:var(--color-primary)}.secret-code-container{margin-bottom:1.5rem}#input-secret{width:100%;padding:1rem;font-size:1.2rem;text-align:center;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:#0006;border:2px solid var(--color-glass-border);border-radius:16px;color:#fff;outline:none;transition:all .3s ease;font-family:var(--font-main)}#input-secret:focus{border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.error-text{color:#ff3b30;font-size:.85rem;margin-top:.5rem;font-weight:600;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hidden{display:none!important}