*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;line-height:1.6;min-height:100vh;flex-direction:column}.header,body{background:#fff;display:flex}.header{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;z-index:1000;height:60px}.logo{font-size:1.25rem;font-weight:600;color:#6366f1}.header-right{display:flex;align-items:center;gap:1.5rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-name{font-size:.875rem;font-weight:600;color:#333}.credits{font-size:.875rem;color:#666}.credits-value{font-weight:600;color:#6366f1}.btn-login,.btn-logout{padding:.5rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-logout{background:#fee;color:#c33}.btn-logout:hover{background:#fcc}.btn-login{background:#6366f1;color:#fff}.btn-login:hover{background:#4f46e5}.avatar{width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;font-weight:700;cursor:pointer}.avatar,.main-container{display:flex;align-items:center;justify-content:center}.main-container{flex:1 1;flex-direction:column;padding:calc(60px + 2rem) 2rem 2rem;max-width:900px;margin:0 auto;width:100%}.logo-large{font-size:4rem;font-weight:300;color:#6366f1;margin-bottom:2rem;letter-spacing:-2px}.btn{padding:.75rem 2rem;border:none;border-radius:24px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.btn-secondary:hover{background:#e0e0e0}.btn:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;margin-top:.75rem}.auth-notice{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px 20px;border-radius:8px;margin:1rem 0;text-align:center;font-size:.875rem}.auth-notice a{color:#6366f1;font-weight:600;text-decoration:none}.auth-notice a:hover{text-decoration:underline}@media (max-width:768px){.logo-large{font-size:2.5rem}.header,.main-container{padding:1rem}.action-buttons{flex-direction:column;align-items:center}}