:root{--bg-color: #050505;--text-color: #ffffff;--primary-color: #ff5500;--accent-color: #ff7700;--badge-green-bg: rgba(0, 255, 128, .1);--badge-green-text: #00ff80;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{max-width:600px;margin:0 auto;padding:2rem 1.5rem;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:1.5rem;letter-spacing:2px;text-transform:uppercase;margin:1rem 0 .5rem;font-weight:600}.subtitle{font-size:1rem;color:#ccc;margin-bottom:2rem;font-weight:300}.badge{display:block;background:var(--badge-green-bg);color:var(--badge-green-text);padding:.8rem 1.5rem;border-radius:50px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(0,255,128,.2);width:100%;max-width:400px}.main-text{font-size:1.25rem;line-height:1.6;margin:2rem 0;font-weight:400}.highlight{display:block;margin-top:.5rem;font-weight:500}.description{color:#aaa;font-size:.95rem;line-height:1.5;margin-bottom:3rem;max-width:400px}.btn{display:block;width:100%;max-width:300px;padding:1rem;margin:.5rem 0;border-radius:50px;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:transform .2s,opacity .2s;cursor:pointer;border:none;font-size:.9rem}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 15px #ff55004d}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.footer{margin-top:auto;padding:2rem 0;font-size:.8rem;color:#666}.footer a{color:inherit;text-decoration:none;margin:0 .5rem}.logo{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem}.form-group{width:100%;max-width:300px;margin-bottom:1rem}.input-field{width:100%;padding:1rem 1.5rem;background-color:#1a1a1a;border:1px solid #333;border-radius:50px;color:#fff;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--primary-color)}.forgot-password{display:block;font-size:.8rem;color:#888;margin-bottom:1.5rem;text-decoration:none;align-self:flex-end;margin-right:1rem}.reader-container{background:#0e0e0e;min-height:100vh;padding:2rem 1rem}.reader-content{max-width:680px;margin:0 auto;color:#f5f5f5;font-size:1.05rem;line-height:1.8;font-family:Georgia,Times New Roman,serif}.reader-content h2{text-align:center;margin-bottom:2rem;color:#ff8a00}.reader-content p{margin:1.2em 0}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;background-color:var(--bg-color)}.login-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.login-logo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem;box-shadow:0 0 20px #f506}.brand-title{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:0;color:#fff;font-family:Courier New,Courier,monospace;font-family:var(--font-family)}.page-subtitle{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#888;margin-top:.5rem}.login-card{background-color:#121215;border-radius:20px;padding:2.5rem 2rem;width:100%;max-width:450px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.input-label{font-size:.85rem;color:#ccc;font-weight:400}.login-input{width:100%;padding:1rem 1.25rem;background-color:#0a0a0c;border:1px solid #2a2a2e;border-radius:50px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.login-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.login-input::placeholder{color:#555}.login-btn{width:100%;padding:1rem;margin-top:1rem;border-radius:50px;border:none;background:linear-gradient(90deg,#f70,#f50);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 20px #f506;transition:transform .1s,box-shadow .2s;color:#fff}.login-btn:hover{box-shadow:0 6px 25px #f509}.login-btn:active{transform:scale(.98)}.helper-links{margin-top:1.5rem;text-align:center;font-size:.85rem;display:flex;flex-direction:column;gap:.8rem;color:#fff}.orange-link{color:var(--primary-color);text-decoration:none;transition:opacity .2s}.orange-link:hover{opacity:.8}.create-account-link{color:#fff;text-decoration:none}.create-account-link span{color:var(--primary-color)}.footer-links{margin-top:2rem;font-size:.8rem;color:var(--primary-color);text-align:center}.footer-links a{color:var(--primary-color);text-decoration:none;margin:0 .5rem}.footer-links a:hover{text-decoration:underline}select.login-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em;cursor:pointer}.login-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.gender-selector{display:flex;gap:1rem;width:100%}.gender-btn{flex:1;padding:.8rem;border-radius:50px;border:1px solid #2a2a2e;background:transparent;color:#888;cursor:pointer;transition:all .2s;font-family:inherit;font-weight:600;font-size:.95rem;outline:none}.gender-btn.active{background:linear-gradient(90deg,#f70,#f50);color:#fff;border-color:transparent;box-shadow:0 4px 15px #ff55004d}.gender-btn:hover:not(.active){border-color:#555;color:#ccc}.info-box{background-color:#00ff801a;border:1px solid rgba(0,255,128,.3);color:#afc;padding:1rem;border-radius:10px;font-size:.85rem;line-height:1.5;margin-bottom:2rem;text-align:left}.payment-label{display:block;color:#ccc;font-size:.9rem;margin-bottom:.5rem;text-align:left}.payment-tabs{display:flex;gap:1rem;margin-bottom:2rem}.payment-tab{flex:1;cursor:pointer;background-color:transparent;border:1px solid #333;padding:1rem;color:#888;border-radius:4px;font-weight:600;transition:all .2s;height:80px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-size:.95rem}.payment-tab.active{background-color:#f70;color:#fff;border-color:#f70;box-shadow:0 4px 15px #ff55004d}.mandate-row{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.5rem;text-align:left}.mandate-checkbox{margin-top:.2rem;accent-color:#ff7700;width:1.2rem;height:1.2rem;cursor:pointer}.mandate-text{font-size:.8rem;color:#ccc;line-height:1.4}.btns-row{display:flex;gap:1rem;margin-top:2rem}.btn-secondary{background-color:transparent;border:1px solid #333;color:#ccc;padding:1rem;border-radius:50px;font-weight:700;cursor:pointer;flex:1;text-transform:uppercase;font-family:inherit}.btn-secondary:hover{border-color:#666;color:#fff}.welcome-gift-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-gift-modal{background-color:#121215;color:#fff;padding:2rem;border-radius:20px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 40px #0009;border:1px solid #333;animation:fadeIn .3s ease-out;max-height:90vh;display:flex;flex-direction:column}.gift-emoji{font-size:3rem;margin-bottom:1rem;display:block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.gift-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(90deg,#f70,#f50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.gift-content{font-size:1rem;line-height:1.6;color:#ccc;margin-bottom:2rem;overflow-y:auto;flex:1;padding-right:10px}.book-highlight{background-color:#1a1a1d;padding:1rem;border-radius:10px;border-left:4px solid #ff7700;margin:1.5rem 0;text-align:left}.book-title{display:block;font-weight:700;color:#fff;font-size:1.1rem;margin-bottom:.3rem}.book-subtitle{display:block;font-size:.9rem;font-style:italic;color:#aaa}.gift-confirm-btn{background:linear-gradient(90deg,#f70,#f50);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;text-transform:uppercase;letter-spacing:1px}.gift-confirm-btn:hover{box-shadow:0 6px 20px #f506}.gift-confirm-btn:active{transform:scale(.98)}.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-modal{width:100%;max-width:600px;height:90vh;background-color:#121215;border:1px solid #333;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 20px 50px #000c;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.welcome-content{flex:1;overflow-y:auto;padding:2rem;color:#e0e0e0;font-family:var(--font-family);line-height:1.6}.welcome-content::-webkit-scrollbar{width:8px}.welcome-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.welcome-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.welcome-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.welcome-title{font-size:1.5rem;color:#fff;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--primary-color);padding-bottom:1rem;display:inline-block}.welcome-section-title{font-size:1.1rem;color:var(--primary-color);margin-top:2rem;margin-bottom:1rem;font-weight:600}.welcome-text{margin-bottom:1rem;opacity:.9}.welcome-list{list-style:none;padding-left:0}.welcome-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.welcome-list li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.highlight{color:#fff;font-weight:600}.welcome-footer{padding:1.5rem 2rem;border-top:1px solid #333;display:flex;justify-content:center;background-color:#121215;border-radius:0 0 20px 20px}.welcome-btn{background:linear-gradient(90deg,#f70,#f50);color:#fff;border:none;padding:1rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #f506;transition:transform .2s,box-shadow .2s}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f509}.welcome-btn:active{transform:translateY(0)}