@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Thin-Trial-DElEDTTg.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-ThinItalic-Trial-BkFLSZUI.otf)format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Light-Trial-9UGCKn-6.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-LightItalic-Trial-CYgqWqOL.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Book-Trial-D-j4zIZ_.otf)format("opentype");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Regular-Trial-Bxs6dOaf.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-RegularItalic-Trial-K1-eZRZ0.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Medium-Trial-BQPSWkz1.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-MediumItalic-Trial-fkiTQsCC.otf)format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Bold-Trial-BpTQ9VnK.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-BoldItalic-Trial-AgpQyzpl.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Heavy-Trial-CyWA9bfB.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Black-Trial-Cf1ByLJr.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:ABCOracle;src:url(/assets/ABCOracle-Ultra-Trial-Cwze7kIr.otf)format("opentype");font-weight:950;font-style:normal;font-display:swap}@font-face{font-family:ABCOracleVariable;src:url(/assets/ABCOracleVariable-Trial-ttHI99_i.ttf)format("truetype");font-weight:100 950;font-style:normal;font-display:swap}:root{--color-mint:#5cc89c;--color-mint-hover:#4ab589;--color-mint-light:#e8f8f2;--color-mint-border:#5cc89c66;--color-yellow:#fff153;--color-yellow-hover:#f0e144;--color-cream:#fdf9ee;--color-cream-dark:#f5f0e0;--color-white:#fff;--color-text-primary:#2a2a2a;--color-text-secondary:#6b6b6b;--color-text-muted:#9ca3af;--color-border:#e8e3d8;--color-border-focus:var(--color-mint);--color-error:#e05555;--color-error-bg:#fff5f5;--color-success:var(--color-mint);--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 8px 32px #0000001a, 0 2px 8px #0000000f;--shadow-card:0 8px 40px #5cc89c1a, 0 2px 8px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-sans:"ABCOracle", "ABCOracleVariable", system-ui, sans-serif;--font-heading:"ABCOracle", "ABCOracleVariable", system-ui, sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-cream);min-height:100vh;font-weight:400;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);line-height:1.2}h1{font-size:var(--text-3xl);font-weight:700}h2{font-size:var(--text-2xl);font-weight:700}h3{font-size:var(--text-xl);font-weight:600}p{color:var(--color-text-secondary);line-height:1.65}a{color:var(--color-mint);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-mint-hover);text-decoration:underline}.input-field{width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-weight:400}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-mint-light)}.input-field.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:500;display:block}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-white);background-color:var(--color-mint);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:13px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #5cc89c59}.btn-primary:hover{background-color:var(--color-mint-hover);transform:translateY(-1px);box-shadow:0 6px 20px #5cc89c73}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #5cc89c4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);padding:12px 24px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--color-mint);background-color:var(--color-mint-light);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.divider{align-items:center;gap:var(--space-md);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.divider:before,.divider:after{content:"";background-color:var(--color-border);flex:1;height:1px}.error-message{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-xs)}.login-page{background-color:var(--color-cream);grid-template-columns:1fr 480px;min-height:100vh;display:grid}.login-left{background-color:var(--color-mint-light);padding:var(--space-3xl) var(--space-2xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.deco-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:0;background:#fff6;border:1.5px solid #5cc89c4d;position:absolute;top:42%;left:50%}.deco-card--back{opacity:.45;width:500px;height:320px;transform:translate(-50%,-50%)rotate(-8deg)}.deco-card--mid{opacity:.6;width:480px;height:300px;transform:translate(-50%,-50%)rotate(-4deg)}.deco-card--front{opacity:.75;width:460px;height:280px;transform:translate(-50%,-50%)rotate(0)}.login-left__content{z-index:1;flex-direction:column;align-items:flex-start;width:100%;max-width:620px;display:flex;position:relative}.login-left__tagline{font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-mint);text-transform:uppercase;margin-bottom:var(--space-lg);font-weight:600}.pockie-logo-img{object-fit:contain;width:100%;max-width:560px;height:auto;margin-bottom:var(--space-xl);z-index:1;filter:drop-shadow(0 6px 24px #5cc89c40);position:relative}.login-left__desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:420px;font-weight:400;line-height:1.7}.login-right{background-color:var(--color-white);border-left:1px solid var(--color-border);grid-template-rows:auto 1fr auto;min-height:100vh;padding:0;display:grid}.login-right__topbar{min-height:100px;padding:var(--space-md) var(--space-xl);justify-content:center;align-items:center;display:flex}.login-form-wrapper{justify-content:center;gap:var(--space-lg);width:100%;max-width:380px;padding:var(--space-lg) var(--space-xl) var(--space-2xl);flex-direction:column;margin:0 auto;display:flex}.login-brand-logo{object-fit:contain;width:auto;height:72px}.login-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.2}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:4px 0 0}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-password-wrapper{position:relative}.input-field--password{padding-right:48px}.input-password-toggle{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-password-toggle:hover{color:var(--color-text-secondary)}.login-form__meta{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.toggle-label{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-track{background-color:var(--color-border);border-radius:var(--radius-full);width:36px;height:20px;transition:background-color var(--transition-fast);flex-shrink:0;position:relative}.toggle-thumb{background-color:var(--color-white);width:14px;height:14px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-checkbox:checked+.toggle-track{background-color:var(--color-mint)}.toggle-checkbox:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-text{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.forgot-link{font-size:var(--text-sm);color:var(--color-mint);white-space:nowrap;transition:color var(--transition-fast);font-weight:500;text-decoration:none}.forgot-link:hover{color:var(--color-mint-hover);text-decoration:underline}.btn-google{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);padding:12px 24px;font-weight:500;display:inline-flex}.btn-google:hover{border-color:var(--color-mint);background-color:var(--color-mint-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-google:active{transform:translateY(0)}.login-footer{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:0}.login-footer__link{color:var(--color-mint);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.login-footer__link:hover{color:var(--color-mint-hover);text-decoration:underline}.login-right__footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.login-right__footer-logo{object-fit:contain;width:auto;height:28px}.forgot-back-link{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);transition:color var(--transition-fast);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.forgot-back-link:hover{color:var(--color-mint);text-decoration:none}.forgot-success{gap:var(--space-md);flex-direction:column;display:flex}.forgot-success__icon{background-color:var(--color-mint-light);width:72px;height:72px;color:var(--color-mint);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.forgot-success__desc{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.65}.forgot-success__desc strong{color:var(--color-text-primary);font-weight:600}.forgot-success__btn{margin-top:var(--space-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.reset-invalid__icon{color:var(--color-error);background-color:#fff5f5}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-left{min-height:260px;padding:var(--space-2xl) var(--space-xl)}.login-left__content{text-align:center;flex-direction:column;align-items:center;display:flex}.login-left__desc{font-size:var(--text-md)}.pockie-logo__star{top:-8px;right:-6px}.login-right{border-left:none;border-top:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg)}.login-form-wrapper{padding-block:var(--space-xl)}.deco-card{display:none}}@media (width<=480px){.login-right{padding:var(--space-lg) var(--space-md)}.login-form-wrapper{gap:var(--space-md)}}