:root{--background:#131314;--surface:#131314;--primary:#a4c9ff;--primary-container:#4d93e5;--on-primary:#00315d;--tertiary:#53e16f;--on-surface:#e5e2e3;--on-surface-variant:#c1c7d3;--outline-variant:#41475126;--surface-dim:#131314;--surface-container:#201f20;--surface-container-high:#2a2a2b;--surface-bright:#39393a;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--background);color:var(--on-surface);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.page-container{padding:var(--spacing-xl) 1.25rem;flex:1;width:100%;max-width:500px;margin:0 auto}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--outline-variant);background:#a4c9ff1a}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s}.glass:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}h1{letter-spacing:-.02em;margin-bottom:var(--spacing-md);font-size:2.5rem;font-weight:700;line-height:1.1}h2{color:var(--on-surface);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:600}.text-variant{color:var(--on-surface-variant)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);border-radius:var(--radius-xl);cursor:pointer;border:none;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-container-high);color:var(--on-surface);border-radius:var(--radius-lg);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500}.btn-tertiary{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;font-weight:600}.input-container{background:var(--surface-container-high);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);flex-direction:column;padding:1rem;display:flex}.input-container input{color:var(--on-surface);background:0 0;border:none;outline:none;width:100%;font-size:1rem}.input-container label{color:var(--on-surface-variant);margin-bottom:.25rem;font-size:.75rem}.bottom-nav{background:var(--surface-container);border-top:1px solid var(--outline-variant);z-index:100;justify-content:space-around;padding:.75rem 0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--on-surface-variant);flex-direction:column;align-items:center;font-size:.7rem;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{margin-bottom:.25rem}