.topbar{position:fixed;top:0;left:0;right:0;height:64px;padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#020617 0% 35%,#02030a);box-shadow:0 8px 20px #0009;z-index:50}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-logo{height:38px;width:auto}.topbar-brand-text{display:flex;align-items:baseline;gap:.35rem}.topbar-brand-main{font-size:1.25rem;font-weight:700;letter-spacing:.08em;color:#fff}.topbar-brand-sub{font-size:.95rem;font-weight:500;color:#7ce9ff}.topbar-right{display:flex;align-items:center;gap:1.25rem}.topbar-bell{background:transparent;border:none;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#e5e7eb;font-size:1.2rem}.topbar-user{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:999px;transition:background-color .2s ease,box-shadow .2s ease}.topbar-user:hover{background-color:#0f172acc;box-shadow:0 0 0 1px #334155cc}.topbar-username{font-size:.95rem;font-weight:500;color:#e5e7eb}.topbar-avatar{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 30% 0%,#38bdf8 0,#0ea5e9 30%,#0369a1 75%,#020617);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0f172ae6,0 6px 15px #082f49cc}.topbar-avatar-initial{font-size:.95rem;font-weight:700;color:#f9fafb}@media(max-width:640px){.topbar{padding:0 1rem}.topbar-brand-main{font-size:1.05rem}.topbar-brand-sub{font-size:.85rem}.topbar-username{display:none}}.homepage-page{min-height:100vh;background:radial-gradient(circle at top,#192742,#050816 45%,#02030a)}.home-container{max-width:1400px;margin:0 auto;padding:96px 2rem 3rem;display:grid;grid-template-columns:280px 1fr 340px;gap:2rem}.home-left{display:flex;flex-direction:column;gap:1.2rem}.stat-card{background:linear-gradient(180deg,#060c20e6,#020617e6);border:1px solid rgba(51,65,85,.6);border-radius:16px;padding:1.2rem 1.3rem;box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-big{font-size:2.2rem;font-weight:900;color:#e5e7eb}.stat-label{margin-top:.2rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#cbd5e1}.stat-sub{margin-top:.4rem;font-size:.7rem;color:#94a3b8}.stat-ok .stat-big{color:#4ade80}.stat-risk .stat-big{color:#facc15}.stat-bad .stat-big{color:#f87171}.home-center{background:linear-gradient(180deg,#060c20e6,#020617e6);border:1px solid rgba(51,65,85,.6);border-radius:20px;padding:2rem;box-shadow:0 20px 45px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center}.center-title{margin:0 0 1.5rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#e5e7eb;opacity:.85}.sla-pyramid{width:100%;max-width:520px;height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;margin-bottom:1.5rem}.sla-layer{height:64px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.05rem;letter-spacing:.05em;color:#020617;box-shadow:0 12px 28px #00000073}.sla-layer.ok{width:40%;margin:0 auto;background:linear-gradient(135deg,#22c55e,#4ade80);clip-path:polygon(18% 0%,82% 0%,100% 100%,0% 100%);border-radius:12px}.sla-layer.risk{width:62%;margin:0 auto;background:linear-gradient(135deg,#eab308,#fde047);clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%);border-radius:14px}.sla-layer.bad{width:84%;margin:0 auto;background:linear-gradient(135deg,#ef4444,#f87171);clip-path:polygon(8% 0%,92% 0%,100% 100%,0% 100%);border-radius:16px}.sla-legend{display:flex;flex-direction:column;gap:.6rem;color:#e5e7eb;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:.6rem}.legend-item span:last-child{margin-left:auto;opacity:.8}.legend-item .dot{width:8px;height:8px;border-radius:50%}.legend-item.ok .dot{background:#4ade80}.legend-item.risk .dot{background:#facc15}.legend-item.bad .dot{background:#f87171}.home-right{display:flex}.alerts-card{width:100%;background:linear-gradient(180deg,#060c20e6,#020617e6);border:1px solid rgba(51,65,85,.6);border-radius:20px;padding:1.8rem;box-shadow:0 20px 45px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:1.2rem}.alert-row{display:flex;align-items:center;gap:.8rem;color:#e5e7eb;font-size:.9rem}.alert-row.bad{color:#f87171}.alert-icon.warn{color:#facc15}.alert-icon.bad{color:#f87171}.btn-follow{margin-top:auto;padding:.8rem 1.2rem;border-radius:999px;border:none;background:linear-gradient(90deg,#38bdf8,#0ea5e9);color:#fff;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px #38bdf873}.btn-create{margin-top:.8rem;padding:.8rem 1.2rem;border-radius:999px;border:none;background:linear-gradient(90deg,#22c55e,#4ade80);color:#052e16;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px #22c55e73}.btn-delete{margin-top:.4rem;padding:.8rem 1.2rem;border-radius:999px;border:none;background:linear-gradient(90deg,#dc2626,#f87171);color:#fff1f2;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px #dc262673}.btn-modal-danger{padding:.6rem 1.1rem;border-radius:999px;border:none;background:linear-gradient(90deg,#dc2626,#f87171);color:#fff1f2;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.catalog-modal-overlay{position:fixed;inset:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:50}.catalog-modal{background:linear-gradient(180deg,#0f172afa,#0f172af2);border-radius:18px;padding:1.6rem 1.8rem;width:100%;max-width:420px;box-shadow:0 20px 45px #0009;border:1px solid rgba(55,65,81,.9)}.catalog-modal-title{margin:0 0 1rem;font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:#e5e7eb}.catalog-input{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(75,85,99,.9);background:#0f172acc;color:#e5e7eb;font-size:.9rem}.catalog-input::placeholder{color:#6b7280}.catalog-modal-message{margin-top:.8rem;font-size:.8rem;color:#e5e7eb}.catalog-modal-actions{margin-top:1.2rem;display:flex;gap:.6rem;justify-content:flex-end}.btn-modal-primary{padding:.6rem 1.1rem;border-radius:999px;border:none;background:linear-gradient(90deg,#22c55e,#4ade80);color:#052e16;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.btn-modal-secondary{padding:.6rem 1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,.9);background:transparent;color:#e5e7eb;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.profile-page{min-height:100vh;background:radial-gradient(circle at top,#192742,#050816 45%,#02030a)}.profile-main{max-width:1200px;margin:0 auto;min-height:calc(100vh - 64px);padding:0 1.5rem 3rem;display:flex;align-items:center;justify-content:center}.profile-card{width:100%;max-width:760px;background:linear-gradient(180deg,#060c20f2,#020617fa);border-radius:20px;padding:2rem 2.25rem 1.25rem;box-shadow:0 20px 45px #0009;border:1px solid rgba(51,65,85,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:1.5rem}.profile-title{margin:0;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#e5e7eb;text-align:center}.profile-info{display:flex;flex-direction:column;gap:.75rem}.profile-row{display:flex;justify-content:space-between;gap:1.5rem}.profile-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#9ca3af}.profile-value{font-size:.95rem;color:#e5e7eb;font-weight:500}.profile-actions{display:flex;flex-direction:row;gap:.75rem;justify-content:center;margin-top:.5rem}.profile-btn{padding:.7rem 1.2rem;border-radius:999px;border:1px solid transparent;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.profile-btn-danger{background:linear-gradient(135deg,#ef4444,#f97373);color:#fef2f2;box-shadow:0 12px 30px #f8717173}.profile-btn-danger:hover{background-color:var(--btn-danger-hover-bg);color:var(--btn-danger-hover-text);border-color:var(--btn-danger-hover-border)}.profile-btn-secondary{margin-top:.75rem;align-self:center;background:transparent;border-color:#64748b;color:#e5e7eb}.profile-password-form{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(75,85,99,.8);display:flex;flex-direction:column;gap:.75rem}.profile-input-group{display:flex;flex-direction:column;gap:.35rem}.profile-input-label{font-size:.78rem;color:#9ca3af}.profile-input{padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(75,85,99,.9);background-color:#0f172ad9;color:#e5e7eb;font-size:.9rem}.profile-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8b3}.profile-message{font-size:.8rem;margin:.25rem 0 0}.profile-message-error{color:#fca5a5}.profile-message-success{color:#6ee7b7}.profile-password-actions{display:flex;justify-content:center;margin-top:.5rem}@media(max-width:640px){.profile-main{padding-top:80px}.profile-card{padding:1.6rem 1.4rem}.profile-row{flex-direction:column;align-items:flex-start;gap:.25rem}.profile-actions{flex-direction:column}}.seguimiento-content{max-width:1280px;margin:0 auto;padding:2.5rem 2rem 3rem;display:flex;flex-direction:column;gap:2rem}.seguimiento-actions{display:flex;justify-content:flex-end}.ticket-container{width:100%;display:flex;flex-direction:column;gap:1.75rem}.ticket-title{font-size:1.35rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e5e7eb;margin-bottom:.5rem}.form-section{background:#02061799;border:1px solid rgba(30,41,59,.9);border-radius:18px;padding:1.4rem 1.5rem 1.6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 45px #0000008c}.section-title{margin:0 0 1.2rem;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#c7d2fe}.ticket-form{display:flex;flex-direction:column;gap:1.5rem}.filtros-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem 1.2rem}@media(max-width:1000px){.filtros-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.filtros-section{grid-template-columns:1fr}}.ticket-container label{display:flex;flex-direction:column;gap:.4rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1}.ticket-container input,.ticket-container select{background:#0f172af2;color:#e5e7eb;border:1px solid rgba(148,163,184,.45);border-radius:12px;padding:.6rem .8rem;outline:none;font-size:.85rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ticket-container input::placeholder{color:#64748b}.ticket-container input:focus,.ticket-container select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840;background:#0f172a}.btn-primary{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border:none;color:#fff;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.7rem 1.8rem;box-shadow:0 12px 30px #38bdf88c;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px #38bdf8bf;filter:brightness(1.05)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;color:#fff;font-weight:700;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer}.results-section{background:#02061799;border:1px solid rgba(30,41,59,.9);border-radius:18px;padding:1.4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px #000000a6}.results-wrapper{width:100%;overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:.85rem;color:#e5e7eb}.results-table thead th{text-align:left;padding:.85rem .9rem;font-weight:800;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#c7d2fe;border-bottom:1px solid rgba(148,163,184,.35);white-space:nowrap}.results-table tbody td{padding:.85rem .9rem;border-bottom:1px solid rgba(148,163,184,.18);white-space:nowrap}.results-table tbody tr:nth-child(odd){background:#0f172aa6}.results-table tbody tr:nth-child(2n){background:#0f172ad9}.results-table tbody tr:hover{background:#38bdf82e}.sla-pill{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:.28rem .8rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sla-ok{background:linear-gradient(90deg,#16a34a,#22c55e);color:#ecfdf5;box-shadow:0 0 0 1px #16a34ab3,0 6px 16px #16a34a99}.sla-riesgo{background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#1f1300;box-shadow:0 0 0 1px #f59e0bb3,0 6px 16px #f59e0b99}.sla-vencido{background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff;box-shadow:0 0 0 1px #dc2626b3,0 6px 16px #dc262699}.actions-cell{display:flex;gap:.6rem;justify-content:center}.seguimiento-page{min-height:100vh;background:radial-gradient(circle at top,#192742,#050816 45%,#02030a);padding-top:72px}.seguimiento-content{max-width:1980px;margin:0 auto;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.seguimiento-title{color:#e5e7eb;letter-spacing:.2em;text-transform:uppercase}.seguimiento-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.resumen-card{background:#020617b3;border:1px solid rgba(51,65,85,.6);border-radius:16px;padding:1.2rem;color:#e5e7eb;font-weight:800;display:flex;justify-content:space-between}.resumen-card.ok span{color:#22c55e}.resumen-card.riesgo span{color:#fbbf24}.resumen-card.vencido span{color:#ef4444}.ticket-container{display:flex;flex-direction:column;gap:2rem}.form-section{background:#020617b3;border:1px solid rgba(51,65,85,.6);border-radius:20px;padding:1.5rem}.section-title{color:#c7d2fe;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem}.filtros-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ticket-container label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#cbd5e1}.ticket-container input,.ticket-container select{background:#0f172af2;color:#e5e7eb;border:1px solid rgba(148,163,184,.45);border-radius:12px;padding:.6rem .8rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-primary{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border:none;color:#fff;font-weight:800;border-radius:999px;padding:.6rem 1.6rem}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;color:#fff;border-radius:999px;padding:.5rem 1.2rem}.results-table{width:100%;border-collapse:collapse;color:#e5e7eb}.results-table th,.results-table td{padding:.8rem;border-bottom:1px solid rgba(148,163,184,.2)}.sla-pill{padding:.25rem .7rem;border-radius:999px;font-weight:800;text-transform:uppercase;font-size:.65rem}.sla-ok{background:#22c55e;color:#022c22}.sla-riesgo{background:#fbbf24;color:#1f1300}.sla-vencido{background:#ef4444;color:#fff}.actions-cell{display:flex;gap:.5rem;justify-content:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{color-scheme:dark;color:#ffffffde;background-color:#0b0f14;--theme-toggle-bg: #1a1a1a;--theme-toggle-border: #404040;--theme-toggle-text: #ffffff;--button-bg: #1a1a1a;--button-hover: #2a2a2a;--link-color: #646cff;--link-hover: #535bf2;--bg: #1e1e1e;--panel: #2a2a2a;--panel-2: #232323;--text: #f3f3f3;--muted: #cfcfcf;--input-bg: #121212;--input-border: #3a3a3a;--primary: #4f8cff;--primary-contrast: #0b1d3a;--btn-text: #ffffff;--danger: #ff6b6b;--accent: #4f8cff;--table-row-odd: #262626;--table-row-even: #202020;--table-row-hover: #2e2e2e;--btn-primary-hover-bg: #3b6ee8;--btn-primary-hover-text: #ffffff;--btn-primary-hover-border: #3b6ee8;--btn-danger-hover-bg: #e45757;--btn-danger-hover-text: #ffffff;--btn-danger-hover-border: #e45757;--homepage-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--homepage-title-color: #e5e7eb;--homepage-title-shadow: 2px 2px 4px rgba(0, 0, 0, .3);--homepage-btn-bg: linear-gradient(45deg, #22d3ee, #06b6d4);--homepage-btn-bg-hover: linear-gradient(45deg, #06b6d4, #22d3ee);--homepage-btn-text: white;--homepage-btn-shadow: 0 8px 15px rgba(34, 211, 238, .3);--homepage-btn-shadow-hover: 0 15px 25px rgba(34, 211, 238, .4)}body.light{color:#9ca3af;--theme-toggle-text: #213547;--button-bg: #e0e0e0;--button-hover: #d0d0d0;margin-bottom:.75rem;font-size:.8rem;color:#f97373;--panel-2: #f0f0f0;--text: #213547;--muted: #666666;--input-bg: #ffffff;display:block;margin-bottom:.25rem;--primary-contrast: #ffffff;--btn-text: #ffffff;--danger: #dc3545;--accent: #4a5fc8;--table-row-odd: #ffffff;--table-row-even: #f8f8f8;--table-row-hover: #eef2ff;--btn-primary-hover-bg: #ffffff;--btn-primary-hover-text: var(--primary);--btn-primary-hover-border: var(--primary);--btn-danger-hover-bg: #ffffff;--btn-danger-hover-text: var(--danger);--btn-danger-hover-border: var(--danger);--homepage-gradient: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);--homepage-title-color: #0c4a6e;--homepage-title-shadow: 2px 2px 4px rgba(0, 0, 0, .1);--homepage-btn-bg: linear-gradient(45deg, #0ea5e9, #0284c7);--homepage-btn-bg-hover: linear-gradient(45deg, #0284c7, #0ea5e9);--homepage-btn-text: white;--homepage-btn-shadow: 0 8px 15px rgba(14, 165, 233, .3);--homepage-btn-shadow-hover: 0 15px 25px rgba(14, 165, 233, .4)}body.light .login-field-error{margin-top:.4rem;font-size:.78rem;color:#fda4af}body{transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}html,body,#root{height:100%}html,body,#root{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:all .25s;color:inherit}button:hover{background-color:var(--button-hover);border-color:#646cff}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);border-color:var(--btn-primary-hover-border)}.btn-secondary:hover{filter:brightness(.98)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at top,#192742 0,#050816 45%,#02030a)}.login-card{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;padding:2rem 2rem 2.2rem;background:#020617d9;border:1px solid #1e293b;background:#02061799;border:1px solid rgba(30,41,59,.9);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 40px #00000073}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem;text-align:center}.login-logo{height:110px;width:auto;margin-bottom:.5rem}.login-brand-text{display:flex;flex-direction:column;align-items:center;letter-spacing:.04em}.login-brand-title{font-size:2.05rem;font-weight:700;color:#fff}.login-brand-subtitle{margin-top:.1rem;font-size:1.1rem;font-weight:500;color:#7ce9ff}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.login-label{display:block;margin-bottom:.25rem;font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.login-error{background:#b91c1c59;border:1px solid rgba(248,113,113,.7);color:#fecaca;padding:.55rem .75rem;border-radius:8px;font-size:.8rem}.login-input{width:100%;box-sizing:border-box;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;color:#e5e7eb;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-input::placeholder{color:#64748b}.login-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8b3}.login-input-error{border-color:#f97373}.login-field-error{margin-top:.4rem;font-size:.78rem;color:#fda4af}.login-forgot-wrapper{display:flex;justify-content:flex-end}.login-forgot{font-size:.8rem;color:#a5b4fc;text-decoration:underline;background:transparent;border-radius:0;border:none;padding:0}.login-forgot:hover{color:#c7d2fe;background:transparent}.login-button{width:100%;margin-top:.5rem;padding:.8rem 1rem;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border:none;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 30px #38bdf859;transition:transform .15s ease,box-shadow .15s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 18px 40px #38bdf873}.login-register-wrapper{margin-top:1.25rem;text-align:center}.login-register-text{font-size:.85rem;color:#9ca3af}.login-register-link{color:#e5f3ff;font-weight:600;text-decoration:underline;background:transparent;border:none;padding:0;border-radius:0}.login-register-link:hover{color:#fff;background:transparent;border-color:transparent}@media(max-width:480px){.login-card{padding:1.75rem 1.5rem 2rem}.login-logo{height:70px}.login-brand-title{font-size:1.6rem}}