:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#111827,#020617);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;padding:2rem}main{width:100%}.home-wrapper,.login-wrapper{display:flex;align-items:center;justify-content:center}.home-card,.login-card{width:min(480px,100%);background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:2.5rem;box-shadow:0 25px 60px rgba(8,47,73,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-card h1,.login-card h1{margin:0 0 1rem;font-size:clamp(1.75rem,2.5vw + 1rem,2.5rem);line-height:1.1;font-weight:700}.home-subtitle,.login-description{margin:0 0 2rem;color:rgba(226,232,240,.84);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{font-weight:600}.login-form input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.6);color:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.login-form input:focus{outline:none;border-color:#40e0d0;box-shadow:0 0 0 3px rgba(64,224,208,.25)}.form-help{color:rgba(226,232,240,.7)}.form-error,.form-help{margin:-.5rem 0 0;font-size:.85rem}.form-error{color:#f97316}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.button.primary{background:linear-gradient(135deg,#40e0d0,#0ea5e9);color:#012f3e;box-shadow:0 15px 40px rgba(14,165,233,.45)}.button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 45px rgba(14,165,233,.6)}.button.secondary{background:rgba(15,23,42,.6);color:rgba(226,232,240,.92);border:1px solid rgba(148,163,184,.35)}.button.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 45px rgba(148,163,184,.2)}.button:disabled{cursor:not-allowed;opacity:.75}.logo-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.logo{font-size:clamp(4rem,12vw + 1rem,12rem);font-weight:700;letter-spacing:.02em;line-height:1;align-items:flex-end}.logo,.logo-text{display:inline-flex;gap:.04em}.logo-i{position:relative;width:.38em;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;height:1em}.logo-i:before{width:.16em;height:.72em;background:currentColor}.logo-i:after,.logo-i:before{content:"";border-radius:999px}.logo-i:after{width:.24em;height:.24em;background:#40e0d0;margin-top:.1em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}