.categories-page{max-width:1000px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 2rem}.categories-actions{grid-template-columns:1fr 1fr;gap:clamp(.7rem,2.5vw,1rem);margin:0 0 clamp(1.25rem,4vw,2rem);display:grid}.categories-action{border-radius:var(--radius-md);min-height:64px;font-family:var(--font-body);font-size:var(--text-base);color:#fff;transition:transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out);justify-content:center;align-items:center;gap:.6rem;padding:0 1rem;font-weight:700;text-decoration:none;display:flex}.categories-action svg{font-size:1.15rem}.categories-action:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.categories-action--primary{background:var(--gradient-brand,var(--brand-primary))}.categories-action--accent{background:var(--accent-terracotta)}.categories-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.7rem,3vw,1.25rem);display:grid}@media (min-width:620px){.categories-grid{grid-template-columns:repeat(3,1fr)}}.categories-card{border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-default);color:var(--text-primary);transition:transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.categories-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.categories-card-img{aspect-ratio:1;background-position:50%;background-size:cover;background-color:var(--surface-soft);width:100%;display:block}.categories-card-body{flex-direction:column;gap:2px;padding:.7rem .85rem .85rem;display:flex}.categories-card-name{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.categories-card-count{font-size:var(--text-xs);color:var(--text-muted)}
.login-page-wrapper{background:radial-gradient(880px 480px at 10% -10%,#d99a2b38,transparent 60%),radial-gradient(760px 520px at 105% 110%,#2c1e142e,transparent 62%),linear-gradient(160deg,var(--background-primary)0%,var(--background-secondary)58%,#ece2d0 100%);font-family:var(--font-body);justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,2.75rem) 1rem;display:flex;position:relative}.login-background{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.background-pattern{filter:blur(20px);background:radial-gradient(280px 280px at 20% 30%,#d99a2b2e,#0000 70%),radial-gradient(320px 320px at 80% 70%,#c9654524,#0000 70%),radial-gradient(240px 240px at 60% 20%,#7a4d241f,#0000 70%);animation:26s ease-in-out infinite floatPattern;position:absolute;inset:-20%}@keyframes floatPattern{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-24px,-16px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.background-pattern{animation:none}}.login-background:after{content:"";opacity:.6;background:radial-gradient(1px 1px at 25% 35%,#7a4d241a 50%,#0000 51%) 0 0/26px 26px,radial-gradient(1px 1px at 70% 60%,#7a4d2414 50%,#0000 51%) 0 0/34px 34px;position:absolute;inset:0}.login-container{z-index:2;width:100%;max-width:440px;position:relative}.login-card-premium{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:20px;padding:clamp(1.5rem,3.5vw,2rem) clamp(1.25rem,3.5vw,1.8rem);position:relative;overflow:hidden;box-shadow:0 24px 60px #2c1e1429,0 6px 18px #2c1e1414}.login-card-premium:before{content:"";background:var(--gradient-gold,linear-gradient(90deg,#e4af4e,#d99a2b));height:5px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:1.3rem}.login-header:before{content:"🪷";background:linear-gradient(150deg,#2c1e14,#180f07);border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto .6rem;font-size:24px;display:grid;box-shadow:0 8px 20px #2c1e1447}.brand-logo,.brand-title{font-family:var(--font-heading);letter-spacing:.3px;color:var(--brand-primary);margin:0;font-size:clamp(1.35rem,4vw,1.7rem);font-weight:800;display:block}.brand-subtitle{font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;color:var(--accent-saffron);margin-top:.35rem;font-size:.72rem;font-weight:600;display:block}.title{text-align:center;font-family:var(--font-heading);color:var(--text-primary);margin:0 0 .25rem;font-size:1.4rem;font-weight:800}.subtitle{text-align:center;color:var(--text-secondary);margin:0 0 1.1rem;font-size:.9rem}.error{background:color-mix(in srgb,var(--error)8%,var(--surface-primary));color:#9f1d1d;border:1px solid color-mix(in srgb,var(--error)28%,transparent);border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding:.75rem 1rem;font-size:.88rem;line-height:1.45;display:flex}.auth-form{flex-direction:column;display:flex}.input-label{letter-spacing:.4px;color:var(--text-secondary);margin:0 0 .35rem;font-size:.8rem;font-weight:700}.premium-input{box-sizing:border-box;border:1.5px solid var(--border-strong);background:var(--surface-soft);width:100%;font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out),background var(--dur-fast)var(--ease-out);border-radius:12px;outline:none;margin-bottom:.85rem;padding:.8rem 1rem;font-size:1rem}.premium-input::placeholder{color:var(--text-muted)}.premium-input:focus{border-color:var(--accent-saffron);background:var(--surface-primary);box-shadow:0 0 0 3px #d99a2b2e}.otp-boxes{justify-content:center;gap:.55rem;margin-bottom:1.1rem;display:flex}.otp-box{text-align:center;border:1.5px solid var(--border-strong);background:var(--surface-soft);width:46px;height:54px;color:var(--text-primary);font-family:var(--font-heading);transition:border-color var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out),background var(--dur-fast)var(--ease-out);border-radius:12px;outline:none;padding:0;font-size:1.4rem;font-weight:700}.otp-box:focus{border-color:var(--accent-saffron);background:var(--surface-primary);box-shadow:0 0 0 3px #d99a2b2e}.otp-box:disabled{opacity:.6}@media (max-width:400px){.otp-boxes{gap:.4rem}.otp-box{width:40px;height:48px;font-size:1.2rem}}.form-actions{margin-top:.3rem}.premium-button{width:100%;font-family:var(--font-body);cursor:pointer;transition:transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out),filter var(--dur-fast)var(--ease-out);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-size:1rem;font-weight:700;display:flex}.premium-button.primary{background:var(--gradient-gold,linear-gradient(135deg,#e4af4e,#d99a2b));color:#201308;box-shadow:0 10px 24px #d99a2b52}.premium-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #d99a2b66}.premium-button.primary:active:not(:disabled){transform:translateY(0)}.premium-button:disabled{opacity:.6;cursor:not-allowed}.premium-button.link{width:auto;color:var(--text-primary);border:1.5px solid var(--border-strong);background:0 0;padding:.5rem .9rem;font-weight:600}.premium-button.link:hover{border-color:var(--accent-saffron);color:#7a4d24}.auth-form .link{color:#7a4d24;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:.5rem .4rem;font-size:.9rem;font-weight:700}.auth-form .link:disabled{color:var(--text-muted);cursor:not-allowed}.auth-form p{text-align:center;color:var(--text-secondary);margin:.9rem 0 0;font-size:.9rem}.auth-form p a{color:#7a4d24;font-weight:700;text-decoration:none}.auth-form p a:hover{text-decoration:underline}.otp-success{text-align:center;flex-direction:column;align-items:center;padding:1.4rem 0 .6rem;display:flex}.otp-success-visual{place-items:center;width:150px;height:150px;display:grid;position:relative}.otp-success-aura{filter:blur(4px);background:radial-gradient(circle,#2f855a61,#2f855a1a 45%,#0000 70%);border-radius:50%;width:150px;height:150px;animation:1.8s ease-in-out infinite otp-aura;position:absolute}.otp-success-badge{border:2.5px solid var(--success);background:color-mix(in srgb,var(--success)10%,var(--surface-primary));width:84px;height:84px;animation:otp-badge-pop .5s var(--ease-spring)forwards;border-radius:22px;place-items:center;display:grid;position:relative;transform:scale(0);box-shadow:0 0 24px #2f855a59,inset 0 0 12px #2f855a1f}.otp-success-check{width:46px;height:46px;overflow:visible}.otp-success-check path{fill:none;stroke:var(--success);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:otp-check-draw .45s var(--ease-out).32s forwards}.otp-success-title{font-family:var(--font-heading);color:var(--text-primary);opacity:0;animation:otp-fade-up .4s var(--ease-out).5s forwards;margin:.6rem 0 .25rem;font-size:1.25rem;font-weight:800}.otp-success-sub{color:var(--text-secondary);opacity:0;animation:otp-fade-up .4s var(--ease-out).62s forwards;margin:0;font-size:.9rem}@keyframes otp-badge-pop{0%{transform:scale(0)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes otp-check-draw{to{stroke-dashoffset:0}}@keyframes otp-aura{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes otp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.otp-success-aura{animation:none}.otp-success-badge{animation:none;transform:scale(1)}.otp-success-check path{stroke-dashoffset:0;animation:none}.otp-success-title,.otp-success-sub{opacity:1;animation:none}}@media (max-width:480px){.login-card-premium{border-radius:18px;padding:1.8rem 1.3rem}}