@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#070605;--panel:rgba(13,12,11,.88);--panel2:rgba(18,16,14,.78);--bronze:#a87943;--gold:#d7b06b;--ember:#c35f2d;--text:#eee7dc;--muted:#aaa39a;--line:rgba(197,145,82,.34);--green:#70bb84;--red:#c76a5d;--shadow:0 20px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{background:#050403;color-scheme:dark}body{margin:0;background:#060504;color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:inherit}.is-hidden{display:none!important}button,input,select{font:inherit}.account-body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(4,3,3,.5),rgba(5,4,3,.86)),url('/assets/images/account/account-auth-background.png') center/cover no-repeat}.account-body.portal-mode:before{background:linear-gradient(rgba(4,3,3,.66),rgba(5,4,3,.9)),url('/assets/images/account/account-area-background.png') center/cover no-repeat}.account-topbar{min-height:76px;display:flex;align-items:center;gap:24px;padding:0 clamp(20px,4vw,72px);border-bottom:1px solid rgba(175,125,70,.22);background:rgba(5,4,3,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.account-brand{font-family:Cinzel,serif;font-size:1.2rem;letter-spacing:.18em;color:var(--gold);text-decoration:none;white-space:nowrap}.account-site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);flex:1}.account-site-nav a{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;color:#c9c0b5;padding:28px 0 25px;border-bottom:2px solid transparent}.account-site-nav a:hover,.account-site-nav a:focus-visible{color:#f2d394;border-color:var(--ember)}.account-top-actions{display:flex;gap:9px;align-items:center}.language-link,.notification-button,.account-name{border:1px solid var(--line);background:rgba(18,15,12,.75);color:#ddd2c5;text-decoration:none;padding:9px 12px;border-radius:2px}.account-name{color:var(--gold);cursor:pointer}.notification-button{cursor:pointer}.account-menu-toggle{display:none;border:1px solid var(--line);background:#100d0b;color:var(--gold);padding:8px 10px}.account-app{flex:1;width:100%}.auth-shell{min-height:calc(100vh - 126px);display:grid;place-items:center;padding:48px 20px}.auth-card{width:min(520px,100%);background:linear-gradient(145deg,rgba(16,14,12,.94),rgba(7,6,5,.91));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 0 35px rgba(170,92,38,.035);padding:clamp(28px,5vw,52px);position:relative}.auth-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(211,165,102,.08);pointer-events:none}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;color:var(--gold);margin-bottom:12px}.auth-card h1,.account-heading h1{font-family:Cinzel,serif;letter-spacing:.05em;font-weight:600;margin:.1em 0 .3em;color:#f0e5d4}.auth-card h1{font-size:clamp(2rem,6vw,3.3rem)}.auth-card p{color:var(--muted);line-height:1.7}.form-stack{display:grid;gap:16px;margin-top:28px}.field{display:grid;gap:7px}.field label{font-size:.73rem;letter-spacing:.09em;text-transform:uppercase;color:#d8c7b2}.field input,.field select{width:100%;border:1px solid rgba(174,128,76,.35);background:rgba(2,2,2,.58);padding:13px 14px;color:#f4eee7;outline:none}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(215,176,107,.09)}.form-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;color:var(--muted)}.check-row{display:flex;align-items:center;gap:8px}.text-link,.auth-link{color:var(--gold);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.primary-button,.secondary-button,.danger-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid var(--bronze);padding:12px 17px;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;cursor:pointer}.primary-button{background:linear-gradient(#b3834e,#7b532d);color:#130e09;border-color:#c69b64;font-weight:700}.secondary-button,.small-button{background:rgba(21,17,13,.66);color:var(--gold)}.danger-button{border-color:#8d4339;background:rgba(98,35,29,.22);color:#e89487}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;color:#746f68;font-size:.72rem;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#44372a;flex:1}.provider-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-bottom{text-align:center;margin-top:24px;font-size:.86rem;color:var(--muted)}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp-grid input{text-align:center;font-size:1.3rem;padding:12px 4px}.portal-shell{width:min(1700px,100%);margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;min-height:calc(100vh - 126px);background:rgba(5,4,3,.35)}.account-sidebar{background:rgba(7,6,5,.88);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:14px}.sidebar-title{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.2em;font-size:.8rem;padding:0 11px 8px}.account-nav,.sidebar-security-links{display:grid;gap:4px}.account-nav a,.sidebar-security-links a{padding:11px 12px;border-left:2px solid transparent;text-decoration:none;color:#bdb5ab;font-size:.82rem}.account-nav a:hover,.sidebar-security-links a:hover,.account-nav a.active,.sidebar-security-links a.active{background:rgba(171,112,52,.09);color:#eed4a6;border-left-color:var(--ember)}.sidebar-security-links{border-top:1px solid rgba(174,128,76,.16);padding-top:12px}.sidebar-security-links a{font-size:.75rem}.sidebar-help{margin-top:auto;border:1px solid var(--line);background:rgba(20,15,12,.58);padding:19px;text-align:center}.sidebar-help strong{font-family:Cinzel,serif;color:var(--gold);display:block;margin:8px 0}.sidebar-help p{font-size:.76rem;line-height:1.55;color:var(--muted)}.sidebar-emblem{font-size:1.5rem;color:var(--ember)}.account-content{padding:clamp(28px,4vw,58px);min-width:0}.account-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:30px}.account-heading h1{font-size:clamp(2rem,4vw,3.4rem)}.account-heading p{color:var(--muted);margin:0;max-width:720px;line-height:1.65}.panel{background:linear-gradient(135deg,rgba(14,12,10,.9),rgba(10,9,8,.79));border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.2);padding:clamp(20px,3vw,32px)}.panel-title{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.11em;font-size:.92rem;margin:0 0 20px}.dashboard-grid,.security-grid,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-card{border:1px solid rgba(174,128,76,.24);background:rgba(8,7,6,.6);padding:20px;min-height:130px}.status-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#a79d91}.status-value{font-family:Cinzel,serif;font-size:1.35rem;margin-top:12px;color:#eee1d0}.status-value.good{color:var(--green)}.quick-list{display:grid;gap:9px}.quick-list a,.action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(174,128,76,.14);text-decoration:none}.quick-list a:last-child,.action-row:last-child{border-bottom:0}.personal-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:20px}.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-row{border:1px solid rgba(174,128,76,.2);padding:14px;background:rgba(5,4,3,.4);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.data-row small{display:block;color:#998e81;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;margin-bottom:6px}.data-row strong{font-size:.9rem}.edit-button{font-size:.65rem;padding:6px 9px;color:var(--gold);border:1px solid var(--line);background:transparent;cursor:pointer}.info-list{display:grid;gap:18px}.info-list strong{color:#e8d8c0}.info-list p{color:var(--muted);font-size:.8rem;line-height:1.55;margin:.35em 0 0}.notice{border:1px solid rgba(174,128,76,.28);background:rgba(37,25,17,.32);padding:16px 18px;margin-top:18px;color:#c8beb1;line-height:1.55;display:flex;justify-content:space-between;gap:14px;align-items:center}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(112,187,132,.36);color:var(--green);background:rgba(40,104,58,.12);padding:5px 8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.badge.off{color:#c0aaa0;border-color:rgba(199,106,93,.3);background:rgba(100,40,32,.12)}.account-table{width:100%;border-collapse:collapse;font-size:.82rem}.account-table th,.account-table td{padding:13px 10px;border-bottom:1px solid rgba(174,128,76,.16);text-align:left}.account-table th{color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid rgba(174,128,76,.14)}.switch{position:relative;width:44px;height:24px;border-radius:18px;background:#38322c;border:1px solid #5f5144;cursor:pointer}.switch:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#a89b8d;border-radius:50%;transition:.18s}.switch.on{background:#345b3b;border-color:#5d9669}.switch.on:before{left:22px;background:#8fd19d}.switch.locked{opacity:.8;cursor:not-allowed}.password-meter{height:5px;background:#332c26;margin-top:7px}.password-meter span{display:block;height:100%;width:0;background:currentColor;transition:.2s}.requirement-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;font-size:.75rem;color:#8f877e;margin-top:12px}.requirement-list .ok{color:var(--green)}.code-box{font-family:ui-monospace,monospace;letter-spacing:.12em;padding:16px;border:1px solid var(--line);background:#070605;color:#e2c695}.codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.warning-panel{border-color:rgba(199,106,93,.42);background:rgba(78,27,22,.17)}.account-footer{min-height:50px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:12px clamp(20px,4vw,72px);border-top:1px solid rgba(174,128,76,.18);background:#050403;color:#817b74;font-size:.64rem;letter-spacing:.08em}.account-footer span:nth-child(2){text-align:center;color:#9e8a72}.account-footer span:last-child{text-align:right}.account-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;display:flex;gap:16px;align-items:center;background:#100d0b;border:1px solid var(--bronze);color:#ead9c2;padding:12px 15px;box-shadow:0 0 30px rgba(194,98,40,.16);transition:.22s;z-index:100}.account-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.account-toast button{border:0;background:transparent;color:#bba58b;font-size:1.2rem;cursor:pointer}.empty-state{text-align:center;padding:42px 20px;color:var(--muted)}
@media(max-width:1180px){.account-site-nav{display:none}.account-topbar{justify-content:space-between}.account-menu-toggle{display:block}.account-topbar.nav-open .account-site-nav{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#080706;padding:10px 24px 20px;border-bottom:1px solid var(--line)}.account-site-nav a{padding:12px 4px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.personal-layout{grid-template-columns:1fr}.portal-shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:820px){.portal-shell{display:block}.account-sidebar{position:relative;border-right:0;border-bottom:1px solid var(--line)}.account-nav,.sidebar-security-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-help{display:none}.dashboard-grid,.security-grid,.two-col,.personal-grid{grid-template-columns:1fr}.account-content{padding:26px 18px}.account-heading{display:block}.account-heading p{margin-top:8px}.account-footer{grid-template-columns:1fr;text-align:center}.account-footer span:last-child{text-align:center}.account-table{display:block;overflow-x:auto}.account-top-actions .language-link{display:none}}
@media(max-width:520px){.account-topbar{min-height:64px;padding:0 14px}.account-topbar.nav-open .account-site-nav{top:64px}.account-name{max-width:115px;overflow:hidden;text-overflow:ellipsis}.account-nav,.sidebar-security-links{grid-template-columns:1fr}.auth-shell{padding:24px 12px}.auth-card{padding:28px 20px}.provider-buttons,.codes-grid,.requirement-list{grid-template-columns:1fr}.otp-grid{gap:5px}.otp-grid input{font-size:1rem}.notice{display:block}.notice .small-button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========================================================
   YASHARIEL FINAL HEADER + FOOTER ALIGNMENT FIX
   ========================================================= */

/* ---------- HEADER ---------- */

.site-header {
    min-height: 74px !important;
}

.site-header .header-inner {
    display: grid !important;
    grid-template-columns: minmax(200px, 1fr) auto minmax(260px, 1fr) !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 74px !important;
}

.site-header .brand {
    grid-column: 1 !important;
    justify-self: start !important;
}

.site-header .main-navigation {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
}

.site-header .header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .header-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 10px 0 !important;

    color: #e5d5c1 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

.site-header .header-login:hover,
.site-header .header-login:focus-visible {
    color: #ffc471 !important;
}

.site-header .header-button {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 24px !important;

    border: 1px solid #934220 !important;
    background: rgba(10, 7, 5, 0.55) !important;

    color: #f1deca !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .7px !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    transform: none !important;
    inset: auto !important;
}

.site-header .header-button:hover,
.site-header .header-button:focus-visible {
    border-color: #c46330 !important;
    background: rgba(130, 47, 24, .20) !important;
}


/* ---------- DESKTOP FOOTER ---------- */

.integrated-site-footer {
    width: 100% !important;
    margin-top: auto !important;

    border-top: 1px solid rgba(177, 128, 72, .28) !important;
    background: #050403 !important;

    color: #c8c0b6 !important;
    font-size: 14px !important;
}

.integrated-site-footer .isf-top {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        minmax(420px, 1.25fr)
        minmax(300px, auto)
        minmax(420px, 1.25fr) !important;

    align-items: center !important;
    gap: 40px !important;

    padding: 28px clamp(32px, 5vw, 96px) !important;
}

.integrated-site-footer .isf-title {
    margin: 0 0 9px !important;

    color: #dfc5a3 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;

    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.integrated-site-footer .isf-newsletter {
    display: flex !important;
    align-items: stretch !important;

    width: min(100%, 430px) !important;
    height: 42px !important;

    margin: 0 !important;
}

.integrated-site-footer .isf-newsletter input {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #493224 !important;
    border-right: 0 !important;

    background: #0c0907 !important;
    color: #eee0ce !important;

    font-size: 14px !important;
}

.integrated-site-footer .isf-newsletter button {
    flex: 0 0 auto !important;

    height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid #7d4b2c !important;
    background: #16100c !important;
    color: #d8b188 !important;

    font-size: 12px !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.integrated-site-footer .isf-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
}

.integrated-site-footer .isf-social {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-language {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d2b27e !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-links a,
.integrated-site-footer .isf-social span,
.integrated-site-footer .isf-social a,
.integrated-site-footer .isf-language {
    font-size: 12px !important;
    line-height: 1.3 !important;
}


/* ---------- LEGAL FOOTER: EINE LINIE ---------- */

.integrated-site-footer .isf-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 18px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 15px clamp(32px, 5vw, 96px) 17px !important;

    border-top: 1px solid rgba(177, 128, 72, .18) !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    text-align: center !important;
}

.integrated-site-footer .isf-legal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-copyright {
    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* ---------- KLEINERE DESKTOPS ---------- */

@media (max-width: 1450px) {

    .site-header .header-inner {
        grid-template-columns: minmax(170px, .8fr) auto minmax(230px, .8fr) !important;
        gap: 18px !important;
    }

    .site-header .main-navigation {
        gap: 24px !important;
    }

    .site-header .main-navigation a {
        font-size: 12px !important;
    }

    .site-header .header-actions {
        gap: 14px !important;
    }

    .site-header .header-login {
        font-size: 14px !important;
    }

    .site-header .header-button {
        min-height: 42px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
    }

    .integrated-site-footer .isf-top {
        grid-template-columns: minmax(350px, 1fr) auto minmax(350px, 1fr) !important;
        gap: 26px !important;
    }
}


/* ---------- TABLET / MOBILE ---------- */

@media (max-width: 1050px) {

    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
    }

    .site-header .brand {
        margin-right: auto !important;
    }

    .site-header .header-actions {
        display: none !important;
    }

    .site-header .menu-toggle {
        display: block !important;
        margin-left: auto !important;
    }

    .site-header .main-navigation {
        position: absolute !important;

        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        display: none !important;
        width: 100% !important;

        padding: 10px 24px 18px !important;

        background: rgba(4, 4, 3, .99) !important;
    }

    .site-header .main-navigation.open,
    .site-header .main-navigation.is-open {
        display: grid !important;
    }

    .integrated-site-footer .isf-top {
        display: none !important;
    }

    .integrated-site-footer .isf-bottom {
        display: flex !important;
        flex-direction: column !important;

        gap: 12px !important;

        padding: 20px 18px !important;
    }

    .integrated-site-footer .isf-legal {
        flex-wrap: wrap !important;
    }
}


/* ---------- REDUCED MOTION ---------- */

@media (prefers-reduced-motion: reduce) {
    .site-header *,
    .integrated-site-footer * {
        transition: none !important;
    }
}

/* =========================================================
   END YASHARIEL FINAL HEADER + FOOTER ALIGNMENT FIX
   ========================================================= */


/* ============================================================
   YASHARIEL HEADER + FOOTER FINAL FIX
   ============================================================ */

/* ---------- HEADER ---------- */

.site-header {
    width: 100%;
    min-height: 94px !important;
    background: rgba(2, 2, 2, .97) !important;
    border-bottom: 1px solid rgba(164, 101, 49, .28);
}

.site-header .header-inner {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns:
        minmax(260px, 1fr)
        auto
        minmax(360px, 1fr) !important;

    align-items: center !important;

    min-height: 94px !important;

    padding-left: clamp(22px, 2.5vw, 58px) !important;
    padding-right: clamp(22px, 2.5vw, 42px) !important;

    gap: 30px !important;
}

.site-header .brand {
    justify-self: start !important;
    margin: 0 !important;
}

.site-header .main-navigation {
    justify-self: center !important;

    display: flex !important;
    align-items: center !important;

    gap: clamp(25px, 2.3vw, 52px) !important;

    margin: 0 !important;
    padding: 0 !important;
}

.site-header .main-navigation a {
    white-space: nowrap !important;
}


/* ---------- RIGHT HEADER AREA ---------- */

.site-header .header-actions {
    justify-self: end !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 26px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.site-header .header-login {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 19px !important;

    border: 1px solid rgba(145, 102, 55, .45) !important;
    background:
        linear-gradient(
            180deg,
            rgba(36, 27, 18, .48),
            rgba(10, 8, 6, .68)
        ) !important;

    color: #dfc7a4 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    letter-spacing: .11em !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    transition:
        border-color .25s ease,
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

.site-header .header-login:hover,
.site-header .header-login:focus-visible {
    color: #f5d8aa !important;
    border-color: rgba(206, 130, 66, .8) !important;

    background:
        linear-gradient(
            180deg,
            rgba(64, 38, 20, .58),
            rgba(15, 9, 6, .82)
        ) !important;

    box-shadow:
        0 0 18px rgba(177, 72, 25, .12),
        inset 0 0 14px rgba(198, 117, 55, .04) !important;
}

.site-header .header-button {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 60px !important;

    margin: 0 !important;
    padding: 0 30px !important;

    border: 1px solid #8d3519 !important;

    background:
        linear-gradient(
            180deg,
            rgba(35, 16, 10, .35),
            rgba(5, 4, 3, .78)
        ) !important;

    color: #f1dec7 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    letter-spacing: .09em !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    white-space: nowrap !important;

    inset: auto !important;
    transform: none !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

.site-header .header-button:hover,
.site-header .header-button:focus-visible {
    border-color: #c35b29 !important;

    background:
        linear-gradient(
            180deg,
            rgba(95, 35, 16, .35),
            rgba(12, 6, 4, .88)
        ) !important;

    box-shadow:
        0 0 24px rgba(185, 67, 25, .12) !important;
}


/* ============================================================
   FOOTER
   ============================================================ */

.integrated-site-footer {
    width: 100% !important;
    max-width: none !important;

    margin-top: auto !important;

    background:
        linear-gradient(
            180deg,
            rgba(8, 7, 6, .98),
            #030303
        ) !important;

    border-top:
        1px solid rgba(162, 110, 59, .28) !important;

    color: #bdb4aa !important;
}


/* ---------- MAIN FOOTER ROW ---------- */

.integrated-site-footer .isf-top {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        minmax(390px, 1.2fr)
        auto
        minmax(390px, 1.2fr) !important;

    align-items: center !important;

    gap: 48px !important;

    padding:
        28px
        clamp(34px, 5vw, 110px) !important;
}


/* NEWSLETTER LEFT */

.integrated-site-footer .isf-newsletter-wrap {
    justify-self: start !important;
}

.integrated-site-footer .isf-title {
    margin: 0 0 8px !important;

    color: #d6bb96 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
}

.integrated-site-footer .isf-newsletter {
    display: flex !important;
    align-items: stretch !important;

    width: 400px !important;
    max-width: 100% !important;

    height: 40px !important;

    margin: 0 !important;
}

.integrated-site-footer .isf-newsletter input {
    flex: 1 !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #413126 !important;
    border-right: 0 !important;

    background: #0b0908 !important;
    color: #e3d9cb !important;

    font-size: 13px !important;
}

.integrated-site-footer .isf-newsletter button {
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid #764529 !important;

    background: #17100c !important;

    color: #d4aa7d !important;

    font-size: 11px !important;
    letter-spacing: .06em !important;

    text-transform: uppercase !important;
}


/* CENTER */

.integrated-site-footer .isf-links {
    justify-self: center !important;

    display: flex !important;
    align-items: center !important;

    gap: 26px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* RIGHT */

.integrated-site-footer .isf-right {
    justify-self: end !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 27px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.integrated-site-footer .isf-social {
    display: flex !important;
    align-items: center !important;

    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-language {
    margin: 0 !important;

    color: #c9a978 !important;

    white-space: nowrap !important;
}


/* SMALL FOOTER TYPOGRAPHY */

.integrated-site-footer a,
.integrated-site-footer span {
    font-size: 12px !important;
}


/* ============================================================
   LEGAL ROW — ONE SINGLE LINE
   ============================================================ */

.integrated-site-footer .isf-bottom {
    width: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 20px !important;

    margin: 0 !important;

    padding:
        14px
        clamp(30px, 5vw, 110px)
        16px !important;

    border-top:
        1px solid rgba(162, 110, 59, .14) !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
}

.integrated-site-footer .isf-legal {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 11px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-copyright {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* ============================================================
   1440PX
   ============================================================ */

@media (max-width: 1500px) {

    .site-header .header-inner {
        grid-template-columns:
            minmax(210px, .75fr)
            auto
            minmax(300px, .75fr) !important;

        gap: 20px !important;
    }

    .site-header .main-navigation {
        gap: 28px !important;
    }

    .site-header .main-navigation a {
        font-size: 12px !important;
    }

    .site-header .header-actions {
        gap: 14px !important;
    }

    .site-header .header-login {
        min-height: 46px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }

    .site-header .header-button {
        min-height: 52px !important;
        padding: 0 20px !important;
        font-size: 12px !important;
    }

    .integrated-site-footer .isf-top {
        grid-template-columns:
            minmax(330px, 1fr)
            auto
            minmax(330px, 1fr) !important;

        gap: 28px !important;
    }
}


/* ============================================================
   MOBILE / TABLET
   ============================================================ */

@media (max-width: 1050px) {

    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;

        min-height: 72px !important;
    }

    .site-header .brand {
        margin-right: auto !important;
    }

    .site-header .header-actions {
        display: none !important;
    }

    .site-header .main-navigation {
        position: absolute !important;

        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        display: none !important;

        width: 100% !important;

        padding: 15px 24px 22px !important;

        background: rgba(3, 3, 3, .99) !important;
    }

    .site-header .main-navigation.open,
    .site-header .main-navigation.is-open {
        display: grid !important;
    }

    /* bestätigt:
       Mobile Footer nur Legal + Copyright */

    .integrated-site-footer .isf-top {
        display: none !important;
    }

    .integrated-site-footer .isf-bottom {
        flex-direction: column !important;

        gap: 11px !important;

        padding: 19px 16px !important;
    }

    .integrated-site-footer .isf-legal {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .site-header *,
    .integrated-site-footer * {
        transition: none !important;
        animation: none !important;
    }
}

/* ============================================================
   END HEADER + FOOTER FIX
   ============================================================ */


/* ============================================================
   YASHARIEL PREMIUM LOGIN REFINEMENT
   ============================================================ */

.auth-page {
    position: relative;

    min-height: calc(100vh - 94px);

    display: flex;
    align-items: center;
    justify-content: center;

    padding:
        clamp(55px, 7vh, 110px)
        clamp(20px, 5vw, 90px);

    overflow: hidden;
}

.auth-page::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(118, 46, 21, .15),
            transparent 38%
        ),
        linear-gradient(
            90deg,
            rgba(2, 2, 2, .78),
            rgba(2, 2, 2, .28) 45%,
            rgba(2, 2, 2, .76)
        );

    pointer-events: none;
}

.auth-shell,
.auth-container {
    position: relative;
    z-index: 2;

    width: min(100%, 560px) !important;

    margin: 0 auto !important;
}

.auth-card,
.login-card {
    position: relative;

    width: 100% !important;

    padding:
        clamp(32px, 4vw, 52px)
        clamp(28px, 4vw, 52px) !important;

    border:
        1px solid rgba(174, 112, 59, .52) !important;

    background:
        linear-gradient(
            145deg,
            rgba(16, 13, 10, .94),
            rgba(6, 6, 5, .96)
        ) !important;

    box-shadow:
        0 32px 80px rgba(0, 0, 0, .58),
        inset 0 0 45px rgba(129, 62, 28, .035),
        0 0 36px rgba(126, 47, 20, .08) !important;

    backdrop-filter: blur(5px);
}

.auth-card::before,
.login-card::before {
    content: "";

    position: absolute;

    top: -1px;
    left: 16%;
    right: 16%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 169, 99, .75),
            transparent
        );
}

.auth-card h1,
.login-card h1,
.auth-title {
    margin:
        0
        0
        10px !important;

    color: #f0dfc8 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(34px, 4vw, 48px) !important;

    font-weight: 400 !important;

    letter-spacing: .045em !important;

    text-align: center !important;
}

.auth-subtitle,
.login-card > p,
.auth-card > p {
    max-width: 430px;

    margin:
        0
        auto
        32px !important;

    color: #9f978e !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    text-align: center !important;
}

.auth-card label,
.login-card label {
    display: block;

    margin:
        0
        0
        8px !important;

    color: #c8ad89 !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase !important;
}

.auth-card input[type="email"],
.auth-card input[type="password"],
.auth-card input[type="text"],
.login-card input[type="email"],
.login-card input[type="password"],
.login-card input[type="text"] {
    width: 100% !important;
    height: 52px !important;

    margin:
        0
        0
        20px !important;

    padding:
        0
        16px !important;

    border:
        1px solid rgba(112, 81, 51, .52) !important;

    outline: none !important;

    background:
        rgba(3, 3, 3, .64) !important;

    color: #eee1d0 !important;

    font-size: 14px !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

.auth-card input:focus,
.login-card input:focus {
    border-color:
        rgba(198, 126, 63, .88) !important;

    background:
        rgba(12, 9, 7, .82) !important;

    box-shadow:
        0 0 0 2px rgba(178, 88, 35, .08),
        0 0 24px rgba(136, 58, 25, .08) !important;
}

.auth-options,
.login-options {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 20px !important;

    margin:
        -4px
        0
        28px !important;
}

.auth-options label,
.login-options label {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;

    color: #a9a199 !important;

    font-size: 12px !important;
    letter-spacing: 0 !important;

    text-transform: none !important;
}

.auth-card a,
.login-card a {
    color: #cda472 !important;

    text-decoration: none !important;

    transition:
        color .2s ease !important;
}

.auth-card a:hover,
.login-card a:hover {
    color: #f0be82 !important;
}

.auth-submit,
.login-submit,
.auth-card button[type="submit"],
.login-card button[type="submit"] {
    width: 100% !important;
    min-height: 54px !important;

    border:
        1px solid #9e572b !important;

    background:
        linear-gradient(
            180deg,
            rgba(105, 50, 23, .72),
            rgba(44, 22, 12, .78)
        ) !important;

    color: #f3dfc5 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 14px !important;
    letter-spacing: .14em !important;

    text-transform: uppercase !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

.auth-submit:hover,
.login-submit:hover,
.auth-card button[type="submit"]:hover,
.login-card button[type="submit"]:hover {
    border-color: #cf7136 !important;

    background:
        linear-gradient(
            180deg,
            rgba(128, 58, 25, .84),
            rgba(53, 25, 13, .92)
        ) !important;

    box-shadow:
        0 0 26px rgba(184, 74, 28, .13) !important;

    transform:
        translateY(-1px);
}

.auth-divider,
.login-divider {
    display: flex !important;
    align-items: center !important;

    gap: 15px !important;

    margin:
        27px
        0
        22px !important;

    color: #726b65 !important;

    font-size: 10px !important;
    letter-spacing: .1em !important;

    text-transform: uppercase !important;
}

.auth-divider::before,
.auth-divider::after,
.login-divider::before,
.login-divider::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(126, 89, 52, .48)
        );
}

.auth-divider::after,
.login-divider::after {
    transform: scaleX(-1);
}

.social-login,
.external-login,
.auth-provider-row {
    display: grid !important;

    grid-template-columns:
        repeat(2, 1fr) !important;

    gap: 12px !important;
}

.social-login button,
.external-login button,
.auth-provider-row button {
    min-height: 48px !important;

    border:
        1px solid rgba(111, 80, 51, .46) !important;

    background:
        rgba(11, 9, 7, .78) !important;

    color: #c7b8a6 !important;

    cursor: pointer;

    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease !important;
}

.social-login button:hover,
.external-login button:hover,
.auth-provider-row button:hover {
    border-color:
        rgba(181, 120, 63, .66) !important;

    color: #e5cba8 !important;

    background:
        rgba(27, 19, 13, .8) !important;
}

.auth-switch,
.login-register {
    margin:
        27px
        0
        0 !important;

    padding:
        24px
        0
        0 !important;

    border-top:
        1px solid rgba(118, 84, 49, .22) !important;

    color: #958e86 !important;

    text-align: center !important;

    font-size: 13px !important;
}


/* LOGIN MOBILE */

@media (max-width: 650px) {

    .auth-page {
        align-items: flex-start;

        padding:
            35px
            15px;
    }

    .auth-card,
    .login-card {
        padding:
            30px
            21px !important;
    }

    .auth-options,
    .login-options {
        align-items: flex-start !important;
        flex-direction: column !important;

        gap: 12px !important;
    }

    .social-login,
    .external-login,
    .auth-provider-row {
        grid-template-columns:
            1fr !important;
    }
}


/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .auth-page *,
    .auth-card *,
    .login-card * {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}

/* ============================================================
   END PREMIUM LOGIN REFINEMENT
   ============================================================ */


/* YASHARIEL ACCOUNT BACKGROUND SYSTEM START */


/* ==========================================================
   ACCOUNT PAGE BASE
   ========================================================== */

html {
    min-height: 100%;
    background: #050403 !important;
}


body {
    position: relative !important;

    min-height: 100vh !important;

    background-color: #050403 !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;

    transition:
        background-image 0.45s ease,
        background-position 0.45s ease !important;
}


/* ==========================================================
   AUTH AREA
   Login
   Create Account
   Verify Email
   OTP
   2FA Setup
   Backup Codes
   ========================================================== */

body.account-auth-mode {
    background-image:
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.42) 0%,
            rgba(4, 3, 3, 0.58) 48%,
            rgba(4, 3, 3, 0.78) 100%
        ),
        url("/assets/images/account/account-auth-background.png") !important;

    background-position:
        center center,
        center center !important;
}


/* ==========================================================
   LOGGED-IN ACCOUNT AREA
   Dashboard
   Overview
   Security
   Linked Accounts
   Ownership
   Redeem
   Transactions
   Preferences
   etc.
   ========================================================== */

body.account-area-mode {
    background-image:
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.35) 0%,
            rgba(4, 3, 3, 0.50) 42%,
            rgba(4, 3, 3, 0.72) 100%
        ),
        url("/assets/images/account/account-area-background.png") !important;

    background-position:
        center top,
        center top !important;
}


/* ==========================================================
   SUBTLE CINEMATIC EDGE DARKENING
   ========================================================== */

body.account-auth-mode::before,
body.account-area-mode::before {
    content: "" !important;

    position: fixed !important;

    inset: 0 !important;

    z-index: 0 !important;

    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(0, 0, 0, 0.02) 20%,
            rgba(0, 0, 0, 0.28) 72%,
            rgba(0, 0, 0, 0.54) 100%
        ) !important;
}


/* ==========================================================
   CONTENT MUST STAY ABOVE BACKGROUND
   ========================================================== */

body.account-auth-mode > *,
body.account-area-mode > * {
    position: relative;

    z-index: 1;
}


/* ==========================================================
   AUTH CARD
   etwas stärker vom Hintergrund abheben
   ========================================================== */

.account-auth-mode .auth-card,
.account-auth-mode .login-card,
.account-auth-mode .auth-shell,
.account-auth-mode .auth-container {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}


.account-auth-mode .auth-card,
.account-auth-mode .login-card {
    background:
        linear-gradient(
            180deg,
            rgba(12, 10, 8, 0.90),
            rgba(7, 6, 5, 0.94)
        ) !important;

    border-color:
        rgba(158, 104, 57, 0.62) !important;

    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.58),
        0 0 45px rgba(117, 66, 31, 0.10),
        inset 0 1px 0 rgba(255, 224, 181, 0.035) !important;
}


/* ==========================================================
   LOGGED-IN PANELS
   Hintergrund soll sichtbar bleiben
   ========================================================== */

.account-area-mode .account-panel,
.account-area-mode .account-card,
.account-area-mode .dashboard-card,
.account-area-mode .settings-card,
.account-area-mode .security-card,
.account-area-mode [class*="account-card"],
.account-area-mode [class*="dashboard-card"] {
    background:
        linear-gradient(
            180deg,
            rgba(12, 10, 8, 0.86),
            rgba(7, 6, 5, 0.91)
        ) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}


/* ==========================================================
   FALLBACK
   falls JS noch nicht geladen hat:
   Login startet immer mit Auth-Hintergrund
   ========================================================== */

body:not(.account-auth-mode):not(.account-area-mode) {
    background-image:
        linear-gradient(
            180deg,
            rgba(3, 3, 3, 0.44),
            rgba(4, 3, 3, 0.76)
        ),
        url("/assets/images/account/account-auth-background.png") !important;

    background-position: center center !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 1024px) {

    body,
    body.account-auth-mode,
    body.account-area-mode {
        background-attachment: scroll !important;
    }


    body.account-auth-mode {
        background-position:
            center center,
            55% center !important;
    }


    body.account-area-mode {
        background-position:
            center top,
            52% top !important;
    }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    body {
        transition: none !important;
    }

}


/* YASHARIEL ACCOUNT BACKGROUND SYSTEM END */


/* YASHARIEL ACCOUNT HEADER CONSISTENCY START */


/* ==========================================================
   ACCOUNT HEADER
   gleiche Höhe und Grundstruktur wie öffentliche Website
   ========================================================== */

body.account-area-mode .site-header,
body.account-area-mode .account-header,
body.account-area-mode .top-header,
body.account-area-mode header.site-header {
    width: 100% !important;

    min-height: 110px !important;

    background: rgba(4, 4, 3, 0.97) !important;

    border-bottom:
        1px solid rgba(122, 76, 38, 0.42) !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   HEADER INNER
   ========================================================== */

body.account-area-mode .site-header .header-inner,
body.account-area-mode .account-header .header-inner,
body.account-area-mode .top-header .header-inner,
body.account-area-mode .site-header-inner,
body.account-area-mode .account-header-inner {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 110px !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    padding:
        14px
        clamp(54px, 3vw, 70px) !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   YASHARIEL LOGO
   gleiche visuelle Größe wie normale Website
   ========================================================== */

body.account-area-mode .site-header .brand,
body.account-area-mode .account-header .brand,
body.account-area-mode .site-brand,
body.account-area-mode .logo-text,
body.account-area-mode .brand-logo {
    flex: 0 0 auto !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #e7c88e !important;

    font-size: 38px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: 0.055em !important;

    white-space: nowrap !important;

    transform: none !important;
}


/* ==========================================================
   MAIN NAVIGATION
   exakt zur Browsermitte
   ========================================================== */

@media (min-width: 1351px) {

    body.account-area-mode .site-header .main-navigation,
    body.account-area-mode .site-header .main-nav,
    body.account-area-mode .account-header .main-navigation,
    body.account-area-mode .account-header .main-nav,
    body.account-area-mode .top-header nav {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        width: auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        gap: clamp(22px, 1.55vw, 34px) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform:
            translate(-50%, -50%) !important;

        z-index: 3 !important;
    }

}


/* ==========================================================
   NAVIGATION TYPOGRAFIE
   exakt wie auf normalen Seiten
   ========================================================== */

body.account-area-mode .site-header .main-navigation a,
body.account-area-mode .site-header .main-nav a,
body.account-area-mode .account-header .main-navigation a,
body.account-area-mode .account-header .main-nav a,
body.account-area-mode .top-header nav a {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 10px 0 !important;

    color: #d7cbb9 !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: 0.07em !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    transform: none !important;

    transition:
        color 0.2s ease !important;
}


body.account-area-mode .site-header .main-navigation a:hover,
body.account-area-mode .site-header .main-nav a:hover,
body.account-area-mode .account-header .main-navigation a:hover,
body.account-area-mode .account-header .main-nav a:hover {
    color: #edcf9a !important;
}


/* ==========================================================
   ACTIVE NAVIGATION MARKER
   ========================================================== */

body.account-area-mode .site-header .main-navigation a.is-active::after,
body.account-area-mode .site-header .main-navigation a[aria-current="page"]::after,
body.account-area-mode .site-header .main-nav a.is-active::after,
body.account-area-mode .site-header .main-nav a[aria-current="page"]::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 2px !important;

    transform: translateX(-50%) !important;

    background: #d86328 !important;

    box-shadow:
        0 0 7px rgba(216, 99, 40, 0.38) !important;
}


/* ==========================================================
   ACCOUNT CONTROLS RECHTS
   EN | Notification | AshenOne

   bleiben erhalten
   ========================================================== */

body.account-area-mode .header-actions,
body.account-area-mode .account-header-actions,
body.account-area-mode .user-actions,
body.account-area-mode .account-actions {
    position: relative !important;

    z-index: 4 !important;

    flex: 0 0 auto !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 10px !important;

    margin-left: auto !important;

    padding: 0 !important;

    white-space: nowrap !important;
}


/* ==========================================================
   LANGUAGE + NOTIFICATION BUTTONS
   ========================================================== */

body.account-area-mode .header-actions button,
body.account-area-mode .header-actions > a,
body.account-area-mode .account-header-actions button,
body.account-area-mode .account-header-actions > a,
body.account-area-mode .user-actions button,
body.account-area-mode .user-actions > a {
    min-height: 46px !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   ACCOUNT NAME BUTTON
   ========================================================== */

body.account-area-mode .account-user,
body.account-area-mode .account-name,
body.account-area-mode .user-menu,
body.account-area-mode .profile-menu,
body.account-area-mode [data-account-menu] {
    min-height: 46px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding:
        0
        18px !important;

    color: #d9b878 !important;

    font-size: 16px !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   SMALLER DESKTOP
   ========================================================== */

@media (min-width: 1025px) and (max-width: 1350px) {

    body.account-area-mode .site-header .main-navigation,
    body.account-area-mode .site-header .main-nav,
    body.account-area-mode .account-header .main-navigation,
    body.account-area-mode .account-header .main-nav {
        position: static !important;

        flex: 1 1 auto !important;

        justify-content: center !important;

        gap: 14px !important;

        margin-left: 25px !important;
        margin-right: 25px !important;

        transform: none !important;
    }


    body.account-area-mode .site-header .header-inner,
    body.account-area-mode .account-header .header-inner {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

}


/* ==========================================================
   MOBILE
   bestehendes mobiles Account-Menü nicht zerstören
   ========================================================== */

@media (max-width: 1024px) {

    body.account-area-mode .site-header,
    body.account-area-mode .account-header,
    body.account-area-mode .top-header {
        min-height: 68px !important;
    }


    body.account-area-mode .site-header .header-inner,
    body.account-area-mode .account-header .header-inner {
        min-height: 68px !important;

        padding:
            10px
            18px !important;
    }


    body.account-area-mode .site-header .brand,
    body.account-area-mode .site-brand,
    body.account-area-mode .logo-text {
        font-size: 25px !important;
    }

}


/* YASHARIEL ACCOUNT HEADER CONSISTENCY END */


/* YASHARIEL ACCOUNT FOOTER FLUSH START */


/* ==========================================================
   LOGGED-IN ACCOUNT FOOTER
   komplette Browserbreite
   ========================================================== */

body.account-area-mode footer,
body.account-area-mode .account-footer,
body.account-area-mode .site-footer,
body.account-area-mode .dashboard-footer {
    position: relative !important;

    left: 50% !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: -50vw !important;
    margin-right: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    background:
        rgba(5, 5, 4, 0.97) !important;

    border-top:
        1px solid
        rgba(126, 79, 38, 0.38) !important;

    overflow: hidden !important;
}


/* ==========================================================
   INNERER FOOTER
   exakt sauber links / mitte / rechts
   ========================================================== */

body.account-area-mode footer > div,
body.account-area-mode .account-footer-inner,
body.account-area-mode .footer-inner,
body.account-area-mode .dashboard-footer-inner {
    width: 100% !important;
    max-width: none !important;

    min-height: 64px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr) !important;

    align-items: center !important;

    column-gap: 30px !important;

    margin: 0 !important;

    padding:
        0
        clamp(54px, 4vw, 76px) !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   ERSTER BEREICH – LINKS
   YASHARIEL: THE FORGOTTEN EMBER
   ========================================================== */

body.account-area-mode footer > div > :first-child,
body.account-area-mode .account-footer-inner > :first-child,
body.account-area-mode .footer-inner > :first-child {
    justify-self: start !important;

    margin: 0 !important;

    text-align: left !important;

    white-space: nowrap !important;
}


/* ==========================================================
   MITTLERER BEREICH
   YOUR ACCOUNT. YOUR PROGRESS. YOUR LEGACY.
   ========================================================== */

body.account-area-mode footer > div > :nth-child(2),
body.account-area-mode .account-footer-inner > :nth-child(2),
body.account-area-mode .footer-inner > :nth-child(2) {
    justify-self: center !important;

    margin: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================================================
   RECHTER BEREICH
   COPYRIGHT
   ========================================================== */

body.account-area-mode footer > div > :last-child,
body.account-area-mode .account-footer-inner > :last-child,
body.account-area-mode .footer-inner > :last-child {
    justify-self: end !important;

    margin: 0 !important;

    text-align: right !important;

    white-space: nowrap !important;
}


/* ==========================================================
   FALLS DIE DREI TEXTE DIREKT IM FOOTER LIEGEN
   ========================================================== */

body.account-area-mode footer {
    text-align: initial !important;
}


/* ==========================================================
   DESKTOP – KEINE SEITLICHEN LÜCKEN
   ========================================================== */

@media (min-width: 1025px) {

    body.account-area-mode .account-layout,
    body.account-area-mode .account-page,
    body.account-area-mode .account-shell {
        overflow-x: clip !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 1024px) {

    body.account-area-mode footer > div,
    body.account-area-mode .account-footer-inner,
    body.account-area-mode .footer-inner,
    body.account-area-mode .dashboard-footer-inner {
        grid-template-columns: 1fr !important;

        justify-items: center !important;

        gap: 8px !important;

        min-height: auto !important;

        padding:
            16px
            18px !important;

        text-align: center !important;
    }


    body.account-area-mode footer > div > *,
    body.account-area-mode .account-footer-inner > *,
    body.account-area-mode .footer-inner > * {
        justify-self: center !important;

        text-align: center !important;

        white-space: normal !important;
    }

}


/* YASHARIEL ACCOUNT FOOTER FLUSH END */


/* YASHARIEL AUTH USER HIDE FINAL START */


/*
   Auf der Login-/Create-/Verify-Seite darf NIEMALS
   bereits ein Benutzername angezeigt werden.

   Erst wenn setMode(true) in den Portalmodus wechselt
   und auth-mode entfernt wird, darf der Accountname erscheinen.
*/

body.account-body.auth-mode #accountNameButton,
body.account-body.auth-mode .account-name,

body.account-body.account-auth-mode #accountNameButton,
body.account-body.account-auth-mode .account-name,

body.account-body.auth-mode.account-area-mode #accountNameButton,
body.account-body.auth-mode.account-area-mode .account-name,

body.account-body.auth-mode #notificationButton,
body.account-body.auth-mode .notification-button,

body.account-body.account-auth-mode #notificationButton,
body.account-body.account-auth-mode .notification-button {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/*
   Erst im echten Portalmodus anzeigen.
*/

body.account-body.portal-mode:not(.auth-mode)
#accountNameButton:not(.is-hidden),

body.account-body.portal-mode:not(.auth-mode)
.account-name:not(.is-hidden) {

    display: inline-flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    pointer-events: auto !important;
}


/* YASHARIEL AUTH USER HIDE FINAL END */


/* YASHARIEL LOGIN MOBILE MENU FINAL START */


/* ==========================================================
   LOGIN / ACCOUNT HEADER MOBILE
   ========================================================== */

@media (max-width: 1180px) {

    .account-topbar {

        position: sticky !important;

        top: 0 !important;

        z-index: 10000 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        min-height: 76px !important;

        overflow: visible !important;
    }


    /* Navigation standardmäßig geschlossen */

    .account-topbar .account-site-nav {

        display: none !important;

        visibility: hidden !important;

        opacity: 0 !important;

        pointer-events: none !important;
    }


    /* Hamburger sichtbar und klickbar */

    .account-topbar .account-menu-toggle {

        position: relative !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        width: 42px !important;
        height: 42px !important;

        margin: 0 !important;

        padding: 0 !important;

        z-index: 10003 !important;

        pointer-events: auto !important;

        cursor: pointer !important;

        border:
            1px solid rgba(174, 128, 76, .35) !important;

        background:
            #100d0b !important;

        color:
            #d6b374 !important;
    }


    /* ======================================================
       GEÖFFNET
       ====================================================== */

    .account-topbar.nav-open .account-site-nav {

        position: absolute !important;

        display: flex !important;

        visibility: visible !important;

        opacity: 1 !important;

        pointer-events: auto !important;

        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        top: 76px !important;

        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;

        gap: 0 !important;

        margin: 0 !important;

        padding:
            10px
            24px
            20px !important;

        box-sizing: border-box !important;

        background:
            #080706 !important;

        border-bottom:
            1px solid rgba(174, 128, 76, .35) !important;

        box-shadow:
            0 18px 36px rgba(0, 0, 0, .55) !important;

        z-index: 10002 !important;

        overflow-y: auto !important;

        max-height:
            calc(100dvh - 76px) !important;
    }


    .account-topbar.nav-open
    .account-site-nav > a {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding:
            13px
            4px !important;

        font-size:
            .74rem !important;

        line-height:
            1.2 !important;

        letter-spacing:
            .13em !important;

        text-transform:
            uppercase !important;

        text-decoration:
            none !important;

        color:
            #c9c0b5 !important;

        border-bottom:
            1px solid rgba(174, 128, 76, .12) !important;
    }


    .account-topbar.nav-open
    .account-site-nav > a:hover,

    .account-topbar.nav-open
    .account-site-nav > a:focus-visible {

        color:
            #f2d394 !important;
    }


    /* ======================================================
       LOGIN-MODUS:
       Accountname / Notification NICHT anzeigen
       ====================================================== */

    body.auth-mode
    .account-topbar
    #accountNameButton,

    body.auth-mode
    .account-topbar
    #notificationButton,

    body.auth-mode
    .account-topbar
    .account-name,

    body.auth-mode
    .account-topbar
    .notification-button {

        display: none !important;

        visibility: hidden !important;

        pointer-events: none !important;
    }

}


/* ==========================================================
   KLEINE HANDYS
   ========================================================== */

@media (max-width: 520px) {

    .account-topbar {

        min-height:
            64px !important;

        padding:
            0
            14px !important;
    }


    .account-topbar.nav-open
    .account-site-nav {

        top:
            64px !important;

        max-height:
            calc(100dvh - 64px) !important;

        padding-left:
            16px !important;

        padding-right:
            16px !important;
    }

}


/* YASHARIEL LOGIN MOBILE MENU FINAL END */