@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;600;800&display=swap";:root{--bg-dark:#0f0f11;--bg-card:#1a1a1e;--bg-card-hover:#222226;--text-main:#f0f0f0;--text-muted:#9999a1;--accent-gold:#d4af37;--accent-gold-hover:#e5c158;--accent-gold-dim:#d4af3726;--error-red:#e55039}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;padding-bottom:70px;font-family:Inter,sans-serif}h1,h2,h3,h4{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:800px;margin:0 auto;padding:20px}.gold-gradient-text{background:linear-gradient(135deg,#f9f0b1 0%,#d4af37 50%,#aa8b2c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background-color:var(--accent-gold);color:#000;border-radius:12px;width:100%;padding:14px 24px;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #d4af374d}.btn-primary:hover{background-color:var(--accent-gold-hover);transform:translateY(-2px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background-color:#555;transform:none}.btn-secondary{color:var(--accent-gold);border:1px solid var(--accent-gold);background-color:#0000;border-radius:12px;width:100%;padding:14px 24px;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:var(--accent-gold-dim)}.input-field{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:16px;padding:16px;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-gold);outline:none}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#0f0f11d9;border-top:1px solid #ffffff0d;justify-content:space-around;max-width:800px;margin:0 auto;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;width:25%;font-size:.75rem;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-gold)}.nav-item svg{width:24px;height:24px}.system-card{background-color:var(--bg-card);border:1px solid #ffffff05;border-radius:16px;margin-bottom:20px;transition:transform .2s;overflow:hidden}.system-card:active{transform:scale(.98)}.system-image{object-fit:cover;width:100%;height:180px}.system-content{padding:16px}.system-title{margin-bottom:8px;font-size:1.2rem}.system-desc{color:var(--text-muted);font-size:.9rem;line-height:1.4}.chat-container{flex-direction:column;height:calc(100vh - 140px);display:flex}.chat-messages{flex-direction:column;flex:1;gap:15px;padding:10px;display:flex;overflow-y:auto}.chat-input-area{background-color:var(--bg-card);border-radius:12px;gap:10px;margin-top:10px;padding:10px;display:flex}.chat-input-area input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.chat-input-area button{background:var(--accent-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}