*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;align-items:center;justify-content:center}.page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:1rem}.card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2.5rem 2rem;width:100%;max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}h1{font-size:1.75rem;font-weight:700;color:#1a1a2e}p{color:#666;font-size:.95rem}.success-icon{width:60px;height:60px;background:#e8f5e9;color:#2e7d32;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.error-icon{width:60px;height:60px;background:#ffebee;color:#c62828;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.user-info{width:100%;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.info-row{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e8e8e8;text-align:left;gap:.75rem}.info-row:last-child{border-bottom:none}.label{font-size:.8rem;font-weight:600;color:#999;min-width:70px;text-transform:uppercase;letter-spacing:.05em}.value{font-size:.9rem;color:#333;word-break:break-all}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;width:100%}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn-google{background:#fff;color:#333;border:1px solid #dadce0;box-shadow:0 1px 3px #00000014}.btn-google:hover{background:#f8f9fa;opacity:1}.btn-logout{background:#1a1a2e;color:#fff}.footer-links{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-top:.25rem}.footer-links a{color:#888;text-decoration:none}.footer-links a:hover{color:#4285f4;text-decoration:underline}.footer-links .divider{color:#ccc}.legal-page{align-items:flex-start;padding:2rem 1rem}.legal-card{max-width:640px;text-align:left;padding:2.5rem}.legal-body{display:flex;flex-direction:column;gap:.75rem;width:100%}.legal-body h2{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin-top:.5rem}.legal-body p{line-height:1.7}.legal-body ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.legal-body li{color:#666;font-size:.95rem;line-height:1.6}.legal-body code{background:#f0f0f0;padding:.15rem .4rem;border-radius:4px;font-size:.85rem}.legal-body a{color:#4285f4;text-decoration:none}.legal-body a:hover{text-decoration:underline}