@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-primary: #0B0B0B;--bg-secondary: #1B1B1B;--bg-warm: #1A1510;--bg-card: #161616;--gold: #D4AF37;--gold-light: #E4C76F;--gold-glow: rgba(212, 175, 55, .3);--ivory: #F5F3EE;--champagne: #E8DCC5;--muted: #8A8A8A;--primary-color: #D4AF37;--bg-color: #0B0B0B;--text-color: #F5F3EE;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(212, 175, 55, .15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--ivory);width:100vw;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:var(--font-body);transition:all .2s ease}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;background:var(--bg-primary);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#0b0b0b;padding:1.2rem 2.5rem;font-size:1rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow),var(--shadow-soft);transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #d4af3740,0 8px 30px #0006}.btn-primary:active{transform:scale(.97);box-shadow:0 0 20px #d4af3733}.btn-secondary{background:transparent;border:1.5px solid var(--champagne);color:var(--champagne);padding:1rem 2rem;font-size:.95rem;font-weight:500;letter-spacing:1px;border-radius:var(--radius-xl);transition:all .25s ease}.btn-secondary:hover{background:#e8dcc51a;border-color:var(--ivory);color:var(--ivory)}.btn-secondary:active{transform:scale(.97)}h1{font-family:var(--font-display);font-size:2.5rem;font-weight:400;letter-spacing:.02em;line-height:1.2;color:var(--ivory);text-align:center;margin-bottom:1.5rem}h2{font-family:var(--font-display);font-size:1.8rem;font-weight:400;letter-spacing:.02em;color:var(--ivory)}h3{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--ivory)}.text-gold{color:var(--gold)}.text-champagne{color:var(--champagne)}.text-muted{color:var(--muted)}.card-glass{background:linear-gradient(145deg,#1b1b1be6,#161616f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af3780}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.spinner{width:48px;height:48px;border:3px solid rgba(212,175,55,.2);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.device-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b0b0b,#1a1510,#0b0b0b);padding:20px}.device-setup__container{background:linear-gradient(145deg,#1b1b1be6,#161616f2);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:50px 40px;max-width:480px;width:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 40px #00000080}.device-setup__logo{font-size:56px;margin-bottom:24px}.device-setup__title{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--ivory);margin-bottom:12px;letter-spacing:.02em}.device-setup__subtitle{font-size:.95rem;color:var(--champagne);margin-bottom:40px;line-height:1.5;font-weight:300}.device-setup__form{display:flex;flex-direction:column;gap:24px}.device-setup__pin-container{display:flex;justify-content:center;gap:10px}.device-setup__pin-input{width:50px;height:65px;text-align:center;font-size:1.5rem;font-weight:600;font-family:var(--font-body);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#0b0b0bcc;color:var(--gold);transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.device-setup__pin-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 20px #d4af3733;transform:scale(1.03)}.device-setup__pin-input--error{border-color:#b91c1c;animation:shake .3s ease}.device-setup__pin-input:disabled{opacity:.5}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.device-setup__error{background:#b91c1c26;border:1px solid rgba(185,28,28,.3);border-radius:var(--radius-md);padding:14px 18px;color:#fca5a5;font-size:.9rem;text-align:center}.device-setup__button{width:100%;padding:16px;background:linear-gradient(135deg,var(--gold) 0%,#B8860B 100%);color:#0b0b0b;border:none;border-radius:var(--radius-xl);font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #d4af3733}.device-setup__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #d4af374d}.device-setup__button:active:not(:disabled){transform:scale(.98)}.device-setup__button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.device-setup__spinner{width:18px;height:18px;border:2px solid rgba(11,11,11,.3);border-top-color:#0b0b0b;border-radius:50%;animation:spin .8s linear infinite}.device-setup__help{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:.85rem;line-height:1.6}.device-setup__help p{margin:4px 0}.device-setup__help a{color:var(--gold);text-decoration:none;transition:color .2s}.device-setup__help a:hover{color:var(--gold-light);text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.device-setup__container{padding:40px 28px}.device-setup__title{font-size:1.6rem}.device-setup__pin-container{gap:8px}.device-setup__pin-input{width:44px;height:58px;font-size:1.3rem}}.out-of-credits{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b0b0b,#1a1510,#0b0b0b);padding:20px}.out-of-credits__container{background:linear-gradient(145deg,#1b1b1be6,#161616f2);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:50px 40px;max-width:480px;width:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 40px #00000080}.out-of-credits__icon{font-size:48px;margin-bottom:20px;opacity:.9}.out-of-credits__title{font-family:var(--font-display);font-size:1.8rem;font-weight:400;color:var(--gold);margin-bottom:16px;letter-spacing:.02em}.out-of-credits__message{font-size:1.1rem;color:var(--ivory);margin-bottom:8px;line-height:1.5}.out-of-credits__submessage{font-size:.95rem;color:var(--champagne);margin-bottom:32px;font-weight:300}.out-of-credits__contact{background:#0b0b0b80;border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.out-of-credits__contact h3{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.out-of-credits__contact-methods{display:flex;flex-direction:column;gap:12px}.contact-method{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#1b1b1bcc;border-radius:var(--radius-md);color:var(--ivory);text-decoration:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.05)}.contact-method:hover{background:#d4af371a;border-color:#d4af374d}.contact-method__icon{font-size:1.2rem}.contact-method__text{font-size:.95rem;font-weight:500}.out-of-credits__footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.out-of-credits__footer p{font-size:.8rem;color:var(--muted);margin:0}@media(max-width:768px){.out-of-credits__container{padding:40px 28px}.out-of-credits__title{font-size:1.5rem}}