@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#181c1d;background-color:#f6fafa;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.dev-header{color:#f1f5f9;z-index:50;background-color:#0f172a;border-bottom:1px solid #005b7f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:14px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.dev-status{align-items:center;gap:10px;display:flex}.dev-indicator-dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1;transform:scale(1.1)}}.dev-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-btn{color:#cbd5e1;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.dev-btn:hover{color:#fff;background-color:#334155}.dev-btn-clear{color:#94a3b8;background-color:#1e293b80;border-color:#1e293b}.dev-btn-clear:hover{color:#cbd5e1;background-color:#1e293b}.dev-latency-box{color:#94a3b8;background-color:#1e293b;border:1px solid #1e293b;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.dev-latency-select{color:#38bdf8;cursor:pointer;background-color:#0f172a;border:none;outline:none;font-family:monospace;font-weight:700}.dev-btn-primary{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#005b7f;border:none;font-weight:600}.dev-btn-primary:hover{background-color:#006f9b}.dev-btn-copied{color:#fff;background-color:#059669;border:none}.dev-btn-gear{padding:6px}.gear-icon{transition:transform .3s}.gear-icon-active{color:#38bdf8;transform:rotate(45deg)}.diagnostic-panel{color:#cbd5e1;z-index:40;background-color:#020617;border-bottom:1px solid #38bdf826;padding:16px 24px;font-family:monospace;font-size:11px;position:relative}.diagnostic-grid{grid-template-columns:1fr;gap:24px;max-width:1024px;margin:0 auto;display:grid}@media (width>=768px){.diagnostic-grid{grid-template-columns:1fr 1fr}}.diagnostic-column{flex-direction:column;display:flex}.diagnostic-title{color:#38bdf8;align-items:center;gap:8px;margin-bottom:8px;font-family:sans-serif;font-size:12px;font-weight:600;display:flex}.diagnostic-title-amber{color:#fbbf24}.diagnostic-glow-dot{background-color:#38bdf8;border-radius:50%;width:6px;height:6px}.diagnostic-glow-dot-amber{background-color:#fbbf24}.diagnostic-pre{color:#e2e8f0;background-color:#0f172acc;border:1px solid #1e293b;border-radius:8px;padding:12px;font-size:11px;line-height:1.5;overflow-x:auto}.diagnostic-pre-amber{color:#fde047}.diagnostic-notes{color:#94a3b8;background-color:#0f172a66;border:1px solid #1e293b;border-radius:8px;margin-top:16px;padding:12px;font-family:sans-serif;font-size:12px}.diagnostic-notes strong{color:#fff}.app-container{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.background-architectural-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.12;z-index:0;position:absolute;inset:0}.workspace-content{z-index:10;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;padding:120px 24px;display:flex;position:relative}.login-container{flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:512px;display:flex}.brand-section{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.brand-badge-container{text-align:center;width:100%}.brand-badge-svg{margin:0 auto}.brand-divider{background-color:#005b7f26;border-radius:9999px;width:180px;height:4px;margin-top:-4px;margin-bottom:4px}.brand-heading{text-align:center;letter-spacing:-.9px;color:#005b7f;font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-style:normal;font-weight:800;line-height:40px}@media (width<=540px){.brand-heading{font-size:30px}}.register-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #005b7f1a;border-radius:24px;flex-direction:column;align-items:center;gap:32px;width:100%;padding-top:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #181c1d0f}.card-top-indicator{background:linear-gradient(90deg,#00474c 0%,#0080a4 100%);height:6px;position:absolute;top:0;left:0;right:0}.card-message-header{text-align:center;width:100%;padding:0 16px}.card-message-text{color:#6f797a;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:500;line-height:28px}.register-form{flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:432px;padding:0 24px;display:flex}@media (width<=480px){.register-form{padding:0 16px}}.form-group{flex-direction:column;gap:8px;width:100%;min-height:86px;display:flex;position:relative}.form-label{letter-spacing:.6px;text-transform:uppercase;color:#6f797a;padding-left:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:16px}.input-container{width:100%;position:relative}.input-field{color:#181c1d;background:#005b7f1f;border:2px solid #0000;border-radius:8px;outline:none;width:100%;height:55px;padding:18px 16px 18px 48px;font-family:Inter,sans-serif;font-size:16px;line-height:19px;transition:all .2s ease-in-out}.input-field:focus{background:#005b7f2e;border-color:#005b7f}.input-field::placeholder{color:#6f797a80}.input-field-error{background-color:#fef2f2!important;border-color:#ef4444!important}.input-icon-left{color:#6f797a;pointer-events:none;opacity:.8;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.password-toggle-btn{color:#6f797a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#005b7f;background-color:#f1f5f9}.input-error-message{text-align:left;color:#ef4444;margin-top:2px;padding-left:4px;font-size:10px;font-weight:500}.btn-submit-action{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00474c 0%,#006067 100%);border:none;border-radius:24px;justify-content:center;align-items:center;gap:12px;width:100%;height:60px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;line-height:28px;transition:all .15s ease-in-out;display:flex;box-shadow:0 10px 15px -3px #005b7f4d}.btn-submit-action:hover{opacity:.95}.btn-submit-action:active{transform:scale(.99)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-blue{border-color:#005b7f #005b7f4d #005b7f4d}.social-separator-container{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:432px;padding:0 24px;display:flex}@media (width<=480px){.social-separator-container{padding:0 16px}}.separator-text{text-align:center;color:#6f797a;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;line-height:20px}.btn-google-signup{color:#005b7f;cursor:pointer;background-color:#fff;border:1px solid #005b7f;border-radius:24px;justify-content:center;align-items:center;gap:16px;width:100%;height:60px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;line-height:28px;transition:all .15s ease-in-out;display:flex;box-shadow:0 4px 6px #00000005}.btn-google-signup:hover{background-color:#f8fafc}.btn-google-signup:active{transform:scale(.99)}.google-vector-icon{-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0}.warning-footer-banner{color:#311300;border-t:1px solid #3113001a;background-color:#ffdcc7;gap:16px;width:100%;padding:20px 40px;display:flex}@media (width<=480px){.warning-footer-banner{padding:20px 24px}}.warning-banner-icon{color:#311300;flex-shrink:0;margin-top:2px}.warning-banner-paragraph{text-align:justify;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:20px}.branding-footer{text-align:center;color:#6f797abf;z-index:10;padding:24px;font-size:12px;position:relative}.branding-subfooter{color:#6f797a80;margin-top:4px;font-size:10px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background-color:#fff;border:1px solid #005b7f1a;border-radius:24px;width:100%;max-width:440px;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-top-accent{background:linear-gradient(90deg,#10b981,#14b8a6);height:8px;position:absolute;top:0;left:0;right:0}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#475569;background-color:#f1f5f9}.modal-center-container{text-align:center;flex-direction:column;align-items:center;margin-top:8px;display:flex}.success-icon-badge{color:#059669;background-color:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;animation:1s infinite alternate bounce;display:flex}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.modal-heading{color:#005b7f;margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.modal-paragraph{color:#6f797a;margin-bottom:24px;font-size:14px;line-height:22px}.data-summary-box{text-align:left;color:#334155;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;width:100%;margin-bottom:24px;padding:16px;font-family:monospace;font-size:12px}.data-headline{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-family:sans-serif;font-weight:700}.data-row{word-break:break-all;margin-bottom:4px}.data-row strong{color:#0f172a;font-family:sans-serif;font-weight:500}.btn-modal-conclude{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00474c 0%,#006067 100%);border:none;border-radius:12px;width:100%;padding:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .15s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.btn-modal-conclude:hover{opacity:.95}.btn-modal-conclude:active{transform:scale(.97)}.google-modal-subheading{color:#1e293b;margin-bottom:4px;font-family:sans-serif;font-size:18px;font-weight:500}.google-modal-helptext{color:#64748b;text-align:center;margin-bottom:20px;font-size:12px}.google-accounts-list{flex-direction:column;gap:8px;width:100%;margin-bottom:24px;display:flex}.google-account-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.google-account-row:hover{background-color:#f8fafc}.avatar-google{color:#fff;background-color:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:sans-serif;font-size:12px;font-weight:700;display:flex}.avatar-google-school{background-color:#005b7f;animation:1.5s ease-in-out infinite pulse}.account-info{flex-direction:column;display:flex}.account-name{color:#1e293b;font-family:sans-serif;font-size:14px;font-weight:600;line-height:normal}.account-email{color:#64748b;font-family:sans-serif;font-size:12px}.google-modal-cancel-btn{color:#64748b;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.google-modal-cancel-btn:hover{color:#334155;background-color:#e2e8f0}