html,body{margin:0;padding:0;background:#0a0a0a;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}#app{min-height:100vh;background:#0a0a0a}html,*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{background:transparent}:root{--color-bg: #0a0a0a;--color-bg-card: #1a1a1a;--color-bg-input: #282828;--color-text: #fcfcfc;--color-text-secondary: #a0a0a0;--color-placeholder: #6b6b6b;--color-accent: #d4a041;--color-accent-light: #f7d14e;--color-success: #22c55e;--color-error: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--touch-target-min: 44px;--tapbar-bar: 62px;--tapbar-padding: 12px;--tapbar-total: calc(var(--tapbar-bar) + var(--tapbar-padding) + env(safe-area-inset-bottom, 0px));--tapbar-offset: calc(var(--tapbar-total) + 10px);--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--font-title: 700 26px/32px "Manrope", sans-serif;--font-label: 600 12px/18px "Manrope", sans-serif;--font-button: 800 16px/24px "Manrope", sans-serif}.auth-bg-pattern{background-color:#0a0a0a;background-image:var(--pattern-logo-bg);background-repeat:no-repeat;background-position:center;background-size:100% auto}.rating-bg-pattern{background-color:#0a0a0a;background-image:var(--pattern-logo-sign-gold);background-repeat:no-repeat;background-position:left;background-size:cover}.auth-page{min-height:100dvh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:max(var(--space-lg),env(safe-area-inset-top)) max(var(--space-lg),env(safe-area-inset-right)) max(var(--space-lg),env(safe-area-inset-bottom)) max(var(--space-lg),env(safe-area-inset-left));box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-page__content{width:100%;max-width:360px;display:flex;flex-direction:column;gap:24px}.auth-page__header{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-page__logo{height:16px;width:auto;display:block}.auth-page__title{color:#fcfcfc;font:700 26px/32px Manrope,sans-serif;text-align:center;margin:0}.auth-page__subtitle{color:var(--color-text-secondary);font:600 var(--text-base)/24px var(--font-sans);text-align:center;margin-bottom:var(--space-xl)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.auth-form__checkbox{font:var(--font-label);color:var(--color-text-secondary)}.auth-form__checkbox .link{color:var(--color-text);text-decoration:underline}.auth-form__link,.auth-page__link{color:#fcfcfc;font:500 12px/18px Manrope,sans-serif;text-decoration:underline;min-height:var(--touch-target-min);display:inline-flex;align-items:center}.auth-form__error{color:var(--color-error);font-size:var(--text-sm)}.auth-page__actions{display:flex;flex-direction:column;gap:12px;width:100%}.auth-page__divider{display:flex;align-items:center;gap:12px;margin:0;color:#fcfcfc;font:400 10px/16px Manrope,sans-serif}.auth-page__divider:before,.auth-page__divider:after{content:"";flex:1;height:1px;background:#fff3}.social-buttons{display:flex;justify-content:center;gap:8px;width:100%}.social-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:var(--touch-target-min);overflow:hidden;background:#3333334d;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(255,255,255,.12);border-radius:60px;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff26;color:#fcfcfc;font:900 16px/20px Manrope,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.social-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 25%,transparent 60%,transparent 100%);box-shadow:inset 0 1px #fff3}.social-btn>*{position:relative;z-index:1}.social-btn img{width:25px;height:25px;filter:brightness(0) invert(1)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page__footer{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;color:#aaa;font:400 12px/18px Manrope,sans-serif}.auth-page__footer .auth-page__link{display:inline;min-height:auto}.checkbox{display:flex;align-items:center;gap:4px;color:#fcfcfc;font:500 12px/18px Manrope,sans-serif;cursor:pointer;min-height:var(--touch-target-min)}.checkbox input{width:24px;height:24px;min-width:24px;min-height:24px;accent-color:var(--color-accent);flex-shrink:0}p{color:#fcfcfc;font:500 12px/18px Manrope,sans-serif;margin-block-start:0em;margin-block-end:0em}