:root{--color-primary: #1458E4;--color-primary-dark: #0f45b8;--color-accent: #5DCEFF;--color-text: #1f2937;--color-text-light: #6b7280;--color-background: #ffffff;--color-background-alt: #F5F5F5;--color-border: #e5e7eb;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem 0;border-bottom:1px solid var(--color-border)}.header h1{font-size:2rem;font-weight:700}.header-logo{height:160px;width:auto}.header-brand{display:flex;align-items:center;gap:.75rem}.header-brand h1{font-size:1.5rem}.tagline{color:var(--color-text-light);margin-top:.5rem}.back-link{display:inline-block;margin-bottom:1rem;color:var(--color-primary);text-decoration:none}.back-link:hover{text-decoration:underline}.main{flex:1;padding:3rem 0}.hero{text-align:center;padding:3rem 0}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--color-text-light);max-width:600px;margin:0 auto 2rem}.cta-button{display:inline-block;padding:.875rem 2rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;transition:background-color .2s}.cta-button:hover{background-color:var(--color-primary-dark)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.feature{padding:1.5rem;background-color:var(--color-background-alt);border-radius:.5rem;border:1px solid var(--color-border)}.feature h3{font-size:1.25rem;margin-bottom:.75rem}.feature p{color:var(--color-text-light)}.install-section{margin-bottom:2.5rem}.install-section h2{font-size:1.5rem;margin-bottom:1rem}.install-section h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-text)}.install-section p{margin-bottom:1rem}.code-block{background-color:#1f2937;color:#f9fafb;padding:1rem 1.5rem;border-radius:.5rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.next-steps{list-style-position:inside;color:var(--color-text-light)}.next-steps li{margin-bottom:.5rem}.footer{padding:2rem 0;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-light)}.auth-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-hint{font-size:.875rem;color:var(--color-text-light)}.google-sign-in-button{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:#fff;color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s}.google-sign-in-button:hover:not(:disabled){background-color:var(--color-background-alt);box-shadow:0 1px 3px #0000001a}.google-sign-in-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.error-message{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b}.error-message p{flex:1;margin:0;font-size:.875rem}.error-dismiss{padding:.25rem .75rem;background-color:transparent;border:1px solid #fecaca;border-radius:.25rem;color:#991b1b;font-size:.75rem;cursor:pointer;transition:background-color .2s}.error-dismiss:hover{background-color:#fee2e2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.user-info{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:var(--color-text-light)}.logout-button{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:background-color .2s}.logout-button:hover{background-color:var(--color-background-alt)}.unauthorized-section{text-align:center;padding:3rem 0;max-width:500px;margin:0 auto}.unauthorized-icon{color:#dc2626;margin-bottom:1.5rem}.unauthorized-section h2{font-size:2rem;margin-bottom:1rem;color:#991b1b}.unauthorized-message{font-size:1.125rem;color:var(--color-text);margin-bottom:1rem}.unauthorized-email{font-size:.875rem;color:var(--color-text-light);margin-bottom:1.5rem;padding:.75rem 1rem;background-color:var(--color-background-alt);border-radius:.375rem}.unauthorized-hint{font-size:.875rem;color:var(--color-text-light);margin-bottom:2rem}.unauthorized-actions{display:flex;justify-content:center;gap:1rem}.unauthorized-actions .logout-button{padding:.75rem 1.5rem;font-size:1rem}.token-loading{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:var(--color-background-alt);border-radius:.5rem;color:var(--color-text-light)}.loading-spinner-small{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.token-error{padding:1rem 1.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;text-align:center}.token-error .error-text{color:#991b1b;margin-bottom:1rem}.regenerate-button{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.regenerate-button:hover{background-color:var(--color-primary-dark)}.code-block-container{position:relative}.copy-button{position:absolute;top:.5rem;right:.5rem;padding:.375rem .75rem;background-color:#ffffff1a;color:#f9fafb;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background-color .2s}.copy-button:hover{background-color:#fff3}.token-info{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.5rem .75rem;background-color:var(--color-background-alt);border-radius:.375rem;font-size:.875rem}.token-expiry{color:var(--color-text-light)}.regenerate-button-small{padding:.25rem .75rem;background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background-color .2s,color .2s}.regenerate-button-small:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.regenerate-button-small:disabled{opacity:.5;cursor:not-allowed}