/* Feriia Panel 0.2 */
.feriia-auth-scene{position:relative;isolation:isolate;width:100%;max-width:420px;margin:20px auto;padding:12px;border-radius:32px;overflow:hidden}
.feriia-style-glass:before,.feriia-style-glass:after{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse at 20% 25%,color-mix(in srgb,color-mix(in srgb,var(--raha-accent) 19%,var(--raha-surface)) 60%,transparent),transparent 54%),radial-gradient(ellipse at 80% 80%,color-mix(in srgb,color-mix(in srgb,var(--raha-secondary) 30%,var(--raha-surface)) 60%,transparent),transparent 56%);animation:feriia-drift 14s ease-in-out infinite alternate}
.feriia-style-glass:after{filter:blur(30px);animation-delay:-7s}
.feriia-auth-card{border:1px solid var(--raha-surface);border-radius:25px;background:color-mix(in srgb,var(--raha-surface) 87%,transparent);backdrop-filter:blur(16px);box-shadow:0 15px 45px color-mix(in srgb,var(--raha-muted) 4%,transparent);overflow:hidden}
.feriia-style-plain{padding:0;background:transparent}.feriia-style-plain .feriia-auth-card{background:var(--raha-surface);box-shadow:none}
.feriia-auth-top{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--raha-surface);color:var(--raha-secondary);font-size:14px}
.feriia-back{border:0;background:transparent;color:var(--raha-secondary);font-size:24px!important;cursor:pointer;padding:0 7px}
.feriia-auth-body{padding:20px 25px 12px}
.feriia-brand-logo{display:block;object-fit:contain;width:82px;height:82px;margin:0 auto 22px}

.feriia-auth label{margin:0}
.raha .feriia-auth input:not([type=hidden]){font-size:14px;border-radius:10px;min-height:46px;font-weight:400;text-align:center;border-color:var(--raha-surface);padding:10px;margin:0}
.feriia-methods{display:flex;justify-content:center;gap:4px;margin:13px auto 0;background:var(--raha-surface);border-radius:9px;padding:3px;width:max-content;max-width:100%}
.feriia-methods button{border:0;background:transparent;color:var(--raha-muted);cursor:pointer;border-radius:7px;font-size:11px;padding:6px 11px}
.feriia-methods button[aria-pressed=true]{background:var(--raha-surface);color:var(--raha-accent);box-shadow:0 2px 7px color-mix(in srgb,var(--raha-accent) 4%,transparent)}
.feriia-password-field{margin-top:14px}.feriia-password-field small{font-size:10px;margin-top:6px}
.feriia-code-step p{font-size:12px;text-align:center;margin:0 0 18px;color:var(--raha-muted)}
.feriia-otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.raha .feriia-otp-boxes input{height:48px;min-width:0;font-size:21px;padding:0}
.raha .feriia-submit{min-height:44px;padding:10px;border-radius:10px;margin:22px 0 0;font-size:14px;font-weight:600;box-shadow:0 4px 14px color-mix(in srgb,var(--raha-accent) 4%,transparent)}
.feriia-auth-tools{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-top:8px}
.feriia-timer{font-size:11px;border:1px solid var(--raha-muted);border-radius:20px;line-height:1.6;padding:1px 6px;color:var(--raha-muted);font-variant-numeric:tabular-nums}
.feriia-resend{border:0;background:transparent;cursor:pointer;color:var(--raha-accent);font-size:11px!important;padding:3px 0}
.feriia-auth .raha-status{font-size:11px;text-align:center;margin:3px 0;min-height:19px;line-height:1.7}
.feriia-terms{font-size:10px!important;text-align:center;margin-top:4px}
.feriia-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.raha-dialog .feriia-auth-scene{margin:0}.raha-dialog{padding:12px;background:var(--raha-surface);max-width:448px}
.feriia-category-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.feriia-category-products h3{text-align:center;font-size:16px}
.raha-account{max-width:1040px;padding:20px;margin:30px auto}
.raha-account-header{padding:28px;border:1px solid color-mix(in srgb,var(--raha-accent) 13%,var(--raha-surface));border-radius:24px;background:linear-gradient(120deg,var(--raha-surface),var(--raha-surface) 65%,var(--raha-surface));box-shadow:0 10px 35px color-mix(in srgb,var(--raha-muted) 2%,transparent)}
.feriia-member{display:flex;align-items:center;gap:18px}.feriia-avatar{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:20px;background:color-mix(in srgb,var(--raha-accent) 9%,var(--raha-surface));color:var(--raha-accent);font-size:28px;font-weight:bold;border:4px solid var(--raha-surface)}
.raha-account-header h2{font-size:23px;margin:4px 0 8px}.feriia-member-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:var(--raha-muted)}
.feriia-member-meta .feriia-verified{color:var(--raha-secondary)}.raha .raha-logout{background:var(--raha-surface);font-size:11px;border-color:color-mix(in srgb,var(--raha-accent) 15%,var(--raha-surface))}
.raha .raha-card{gap:17px;min-height:158px;border-radius:20px;border-color:color-mix(in srgb,var(--raha-accent) 12%,var(--raha-surface));padding:23px;background:linear-gradient(165deg,var(--raha-surface),var(--raha-surface));box-shadow:0 8px 24px color-mix(in srgb,var(--raha-accent) 2%,transparent)}
.raha .raha-card>span:nth-child(2){font-size:14px;font-weight:500}.raha-icon{width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--raha-accent) 7%,var(--raha-surface))}
.raha-icon img,.raha-icon svg{display:block;max-width:36px;max-height:36px;width:36px;height:36px;object-fit:contain}
.feriia-custom{margin-bottom:22px;overflow-wrap:anywhere}.feriia-custom img{max-width:100%;height:auto}.feriia-custom:last-child{margin-bottom:0}
@keyframes feriia-drift{from{transform:translate(-4%,3%) rotate(-5deg)}to{transform:translate(4%,-3%) rotate(5deg)}}
@media(max-width:650px){.raha-account-header{padding:19px;gap:8px;position:relative;align-items:flex-start}.feriia-member{gap:10px;align-items:flex-start}.feriia-avatar{width:43px;height:43px;font-size:21px;border-radius:14px}.raha-account-header h2{font-size:18px}.raha-account-header .raha-eyebrow{font-size:10px}.feriia-member-meta{font-size:10px;gap:5px 10px}.raha-account-header .raha-logout{padding:4px 8px}.raha .raha-card{padding:19px;min-height:140px}.raha-icon{width:45px;height:45px}.raha .raha-card>span:nth-child(2){font-size:12px}.feriia-auth-body{padding:20px 20px 12px}.feriia-auth-scene{max-width:390px}}
@media(prefers-reduced-motion:reduce){.feriia-style-glass:before,.feriia-style-glass:after{animation:none}}


/* All components inherit the site's font. Palette is supplied by the five settings. */
.raha,.raha button,.raha input,.raha select,.raha textarea{font-family:inherit}
.raha .feriia-auth input[readonly]{background:color-mix(in srgb,var(--raha-muted) 12%,var(--raha-surface));color:var(--raha-muted);cursor:default;opacity:.75}
.feriia-quick-plain{width:100%;max-width:420px;margin:0 auto;padding:0;background:none;border:0;box-shadow:none}
.feriia-quick-shell{background:none;border:0;box-shadow:none;padding:0}
.feriia-quick-shell .feriia-auth-body{padding:0}
.feriia-quick-shell .feriia-auth-top{border:0;padding:0;background:none}
.feriia-quick-shell input[name=name]{margin-bottom:10px!important;text-align:right}
.feriia-auth-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:transparent;color:var(--raha-accent);border:0;cursor:pointer;font:inherit;line-height:1.5}
.feriia-auth-trigger img{display:block;object-fit:contain;width:28px;height:28px}
body.feriia-auth-document{margin:0!important;padding:0!important;min-height:100vh;background:color-mix(in srgb,var(--raha-ink) 88%,var(--raha-accent))!important}
.feriia-auth-only{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:24px 12px}
.feriia-auth-only .feriia-auth-scene{margin:0}
.raha-dialog::backdrop{background:color-mix(in srgb,var(--raha-ink) 78%,transparent);backdrop-filter:blur(7px)}
.raha-dialog{color:var(--raha-ink);background:var(--raha-surface)}
.raha .raha-button{color:var(--raha-button-text,var(--raha-surface))}
.raha .feriia-auth input:not([type=hidden]),.feriia-auth-card,.raha .raha-card,.raha-account-header{border-color:var(--raha-line)}
.feriia-methods{background:color-mix(in srgb,var(--raha-muted) 10%,var(--raha-surface))}
.feriia-auth-top{border-bottom-color:var(--raha-line)}
body.feriia-auth-injected> :not(.feriia-auth-only):not(script):not(style):not(link){display:none!important}
/* Account dashboard: compact dark surface inspired by the reference. */
.raha-account{background:#323443;border:1px solid #3d4052;border-radius:24px;padding:28px;max-width:960px;--raha-accent:#beb5ff;--raha-surface:#292b39;--raha-ink:#f2f2fa;--raha-muted:#afb2c8;--raha-secondary:#87dfb6;--raha-line:#45485b;color:var(--raha-ink)}
.raha-account .raha-account-header{padding:0 0 20px;margin:0 0 25px;border:0;border-radius:0;background:none;box-shadow:none;gap:20px}
.raha-account .raha-account-header h2{font-size:20px;margin:4px 0 8px;color:#f5f4ff}
.raha-account .raha-eyebrow{font-weight:400;font-size:11px;color:#b5b8cb}
.feriia-header-actions{display:flex;flex-wrap:wrap;gap:8px}
.raha-account .raha-logout{background:transparent;color:#c2c5dc;border:1px solid #60647e;border-radius:9px;padding:5px 11px}
.raha-account .raha-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:18px}
.raha-account .raha-card{align-items:center;justify-content:flex-start;text-align:center;background:#242635;border:1px solid #2c2e40;border-radius:15px;box-shadow:none;gap:9px;padding:0 12px 22px;min-height:144px;color:#f4f3fb}
.raha-account .raha-card:hover{background:#2b2d40;border-color:#8177b8;box-shadow:0 10px 24px #1b1c2b55}
.raha-account .raha-card>span:nth-child(2){font-size:14px;font-weight:700}
.raha-account .raha-card small{font-size:11px;color:#b0b4cc;line-height:1.8;margin:0}
.raha-account .raha-icon{margin-top:-20px;margin-bottom:6px;width:60px;height:60px;background:none;border-radius:0;filter:drop-shadow(0 8px 5px #11132166)}
.raha-account .raha-icon img,.raha-account .raha-icon svg{width:56px;height:56px;max-width:56px;max-height:56px}
.feriia-icon-orb{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;border:3px solid #ded7ff;background:linear-gradient(135deg,#e3caff 0%,#ad85f5 45%,#6551b7 100%);color:white;font-size:32px;font-weight:700;line-height:1;box-shadow:inset 2px 3px 3px #ffffff99,3px 5px 0 #8b79ba66;text-shadow:0 2px 2px #32235466;transform:rotate(-7deg)}
.feriia-icon-orders{border-radius:50%;background:linear-gradient(135deg,#c6ffe7,#53d398 50%,#27926c);border-color:#bcf4d8}
.feriia-icon-downloads{border-radius:50%;background:linear-gradient(135deg,#edffaf,#a5d858 50%,#649634);border-color:#e1f6b2}
.feriia-icon-edit-address{background:linear-gradient(135deg,#ffeac8,#edb56f 50%,#bb7a46);border-color:#ffe5bd}
.raha-account .raha-access .raha-grid{gap:24px 16px;margin-top:22px}
.raha-account .raha-panel{margin-top:20px}
.raha-account .feriia-member-meta{color:#b6bad0}
@media(max-width:650px){.raha-account{padding:22px 16px;border-radius:18px}.raha-account .raha-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.raha-account .raha-account-header{flex-wrap:wrap;margin-bottom:18px}.raha-account .raha-card{min-height:134px;padding:0 8px 18px}.raha-account .raha-account-header h2{font-size:18px}.feriia-header-actions{width:100%}}
@media(max-width:340px){.raha-account .raha-grid{grid-template-columns:1fr}}