@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-family:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e1b4b;--card-bg:#ffffff0d;--card-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#6366f1;--accent-hover:#4f46e5;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex}#root{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1280px;padding:2rem;display:flex}.app-container{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:24px;width:100%;max-width:500px;padding:3rem;transition:transform .3s,box-shadow .3s;animation:.8s ease-out fadeIn;transform:translateY(0);box-shadow:0 25px 50px -12px #00000080}.glass-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px #0009}.title{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.message-box{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;position:relative;overflow:hidden}.message-box:before{content:"";background:var(--accent-color);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.message-content{color:var(--text-primary);font-size:1.25rem;font-weight:500}.message-content.loading{color:var(--text-secondary);animation:1.5s ease-in-out infinite pulse}.message-content.error{color:#ef4444}.action-button{background:var(--accent-color);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:9999px;padding:.875rem 2rem;transition:all .2s;box-shadow:0 4px 14px #6366f163}.action-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f13b}.action-button:active{transform:translateY(0)}.action-button:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.badge{color:var(--success-color);background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}