.app{flex:1;min-height:0;width:100%;padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));padding-top:max(1.25rem,env(safe-area-inset-top,0px));padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow:hidden}.app__route{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:.75rem;padding-bottom:1.75rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.grid__item{border-radius:12px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;text-decoration:none;padding:.9rem;display:flex;flex-direction:column;gap:.35rem;min-height:96px;transition:background .2s ease,border-color .2s ease,transform .15s ease}.grid__item:hover{background:color-mix(in srgb,currentColor 14%,transparent);border-color:color-mix(in srgb,currentColor 35%,transparent);transform:translateY(-1px)}.grid__item-title{font-weight:700;font-size:1rem}.grid__item-desc{opacity:.82;font-size:.85rem}.btn{border:0;border-radius:10px;padding:.6rem .9rem;background:#3b82f6;color:#fff;font-size:.92rem}.btn:disabled{opacity:.7}.btn--primary{width:100%;padding:.9rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .15s ease,opacity .2s ease}.btn--primary:not(:disabled):active{transform:scale(.98)}.btn--register{padding:1.5rem 2rem;font-size:1.2rem;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 16px color-mix(in srgb,#3b82f6 35%,transparent)}.btn--register:not(:disabled):hover{filter:brightness(1.08)}.btn__icon{font-size:1.5em}.btn--welcome{padding:1.5rem 2rem;font-size:1.2rem;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 16px color-mix(in srgb,#3b82f6 35%,transparent)}.btn--welcome:hover{filter:brightness(1.08)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;height:100%;display:flex;flex-direction:column}