:root{
    --bg:#070707;
    --bg2:#0d0c0a;
    --panel:#11110f;
    --panel2:#17140f;
    --line:#3b2c18;
    --gold:#d6a24e;
    --gold2:#8b5f28;
    --gold3:#f0ca79;
    --text:#ece7dc;
    --muted:#9c9486;
    --danger:#d86666;
    --success:#75b86d;
    --shadow:0 20px 70px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
radial-gradient(circle at 50% -10%,rgba(177,121,45,.12),transparent 35%),
linear-gradient(180deg,#0d0b08 0,#070707 45%,#050505 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}
a{color:inherit;text-decoration:none}
.site-shell{width:min(1180px,calc(100% - 34px));margin:0 auto;position:relative;z-index:1}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(214,162,78,.2)}
.brand{display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.brand-crown{grid-row:1/3;width:36px;height:36px;border:1px solid var(--gold2);display:grid;place-items:center;transform:rotate(45deg);color:var(--gold3);background:#0b0906;box-shadow:0 0 22px rgba(214,162,78,.12)}
.brand-name{font-family:Georgia,serif;font-size:24px;letter-spacing:3px;color:var(--gold3)}
.brand-sub{font-size:10px;letter-spacing:3px;color:#7f7567;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:24px;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.nav a{color:#b9b1a4;transition:.2s}.nav a:hover{color:var(--gold3)}
.nav-accent{border:1px solid #7c5728;padding:10px 15px;background:linear-gradient(#1a140c,#0d0b08)!important;color:#e7c17a!important}
main{padding:34px 0 64px}
.hero{min-height:500px;position:relative;overflow:hidden;border:1px solid #4a351d;background:linear-gradient(115deg,rgba(7,7,7,.98) 0%,rgba(11,9,6,.94) 56%,rgba(34,24,12,.8) 100%);box-shadow:var(--shadow);display:flex;align-items:center;padding:70px 70px;margin-bottom:24px}
.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(214,162,78,.25);inset:9px;pointer-events:none}.hero:after{inset:18px;border-color:rgba(214,162,78,.07)}
.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-100px;top:-50px;background:radial-gradient(circle,rgba(210,149,64,.18),transparent 66%);filter:blur(8px)}
.hero-content{position:relative;z-index:2;max-width:690px}
.eyebrow{display:inline-block;font-size:11px;letter-spacing:4px;color:#c89447;margin-bottom:17px;text-transform:uppercase}
.hero h1,.page-head h1{font-family:Georgia,serif;font-weight:400;margin:0;color:#f3eee4}.hero h1{font-size:57px;line-height:1.07;letter-spacing:-1px}.hero h1 span{color:var(--gold3)}
.hero p{max-width:650px;color:#aaa294;line-height:1.8;font-size:16px;margin:24px 0 30px}
.hero-actions{display:flex;gap:12px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 22px;border:1px solid #5a4224;background:#111;color:#d9d3c8;text-transform:uppercase;font-size:11px;letter-spacing:1.5px;cursor:pointer;transition:.18s}
.btn:hover{transform:translateY(-1px);border-color:#c18a3c;color:#fff}
.btn.primary{background:linear-gradient(180deg,#6f4c20,#37230d);border-color:#b47d32;color:#f8dfae;box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 26px rgba(145,93,28,.12)}
.btn.ghost{background:#0b0b0b}.btn.wide{width:100%;margin-top:10px}
.hero-mark{position:absolute;right:92px;z-index:2;text-align:center;color:#c2944c}.crest{width:150px;height:150px;border:1px solid #8a642e;display:grid;place-items:center;border-radius:50%;font:52px Georgia,serif;color:#e8bd6b;box-shadow:0 0 0 10px rgba(180,125,48,.03),inset 0 0 45px rgba(173,117,41,.1)}.crest-line{height:1px;width:180px;background:linear-gradient(90deg,transparent,#8a642e,transparent);margin:20px -15px 10px}.hero-mark small{letter-spacing:4px;font-size:9px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{padding:22px 24px;border:1px solid #2d251b;background:linear-gradient(180deg,#11100e,#0a0a09)}.stat-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#82786a;margin-bottom:8px}.stat-card strong{font-family:Georgia,serif;color:#e3bd72;font-size:25px;font-weight:400}
.content-grid,.account-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel,.auth-card,.download-card{border:1px solid #3b2b18;background:linear-gradient(180deg,rgba(20,18,14,.98),rgba(9,9,8,.98));box-shadow:0 16px 45px rgba(0,0,0,.24)}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #33271a;padding-bottom:14px;margin-bottom:14px;color:#d9b36d;font-size:11px;letter-spacing:2px}.panel-heading a{color:#81786b;letter-spacing:0;text-transform:none}.mini-row{display:grid;grid-template-columns:52px 1fr 120px 90px;align-items:center;padding:13px 2px;border-bottom:1px solid #201c16}.mini-row:last-child{border-bottom:0}.rank-num{color:#b98236}.rank-name{font-weight:bold}.rank-class{color:#80796e;font-size:12px}.mini-row strong{text-align:right;color:#e4c177}.feature-panel h2{font:32px Georgia,serif;color:#efc775;margin:18px 0 10px}.feature-panel p,.account-card p{color:#989083;line-height:1.75}.text-link{color:#d5a657;font-size:13px}.empty-state{padding:28px;color:#827b70;text-align:center}
.page-head{text-align:center;padding:32px 0 34px}.page-head h1{font-size:44px;color:#ebc577}.page-head p{color:#8e877b;margin:10px auto 0;max-width:660px;line-height:1.7}
.auth-wrap{display:flex;justify-content:center}.auth-card{width:min(610px,100%);padding:34px}.auth-card.compact{width:min(480px,100%)}
label{display:block;color:#bcb3a4;font-size:12px;letter-spacing:.3px;margin-bottom:15px}input{width:100%;height:45px;border:1px solid #393025;background:#080808;color:#f0eadf;padding:0 13px;margin-top:7px;outline:none;transition:.15s}label.focused input,input:focus{border-color:#9b6b2c;box-shadow:0 0 0 2px rgba(173,119,46,.08)}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pin-zone{border:1px solid #4b351c;background:#0c0a07;padding:17px;margin:9px 0 17px}.pin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#d7aa5a;font-size:11px;letter-spacing:2px}.pin-title small{font-size:10px;color:#756c60;letter-spacing:0}.auth-foot{text-align:center;color:#777064;font-size:12px;margin-top:18px}.auth-foot a{color:#d7aa5a}.error-box{border:1px solid rgba(216,102,102,.4);background:rgba(120,30,30,.13);color:#e8a4a4;padding:13px 15px;margin-bottom:18px;font-size:12px;line-height:1.6}
.flash-wrap{margin-top:16px}.flash{padding:13px 16px;border:1px solid #3a3127;background:#0d0d0c}.flash.success{border-color:rgba(117,184,109,.4);color:#acd8a5}.flash.error{border-color:rgba(216,102,102,.4);color:#e1a2a2}
.ranking-panel{padding:10px 16px 18px}.ranking-table-wrap{overflow:auto}.ranking-table{width:100%;border-collapse:collapse;min-width:780px}.ranking-table th{text-align:left;padding:15px 13px;color:#9f8f76;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #44331e}.ranking-table td{padding:13px;border-bottom:1px solid #201d18;color:#bdb5a9;font-size:13px}.ranking-table tr:hover td{background:rgba(184,129,47,.035)}.ranking-table td strong{color:#eee7dc}.rank-badge{display:inline-grid;place-items:center;width:42px;height:27px;border:1px solid #3b3124;color:#9c8d77}.top-1 .rank-badge{border-color:#d8a642;color:#ffd77e;background:#261b0c}.top-2 .rank-badge{border-color:#8c8c8c;color:#d6d6d6}.top-3 .rank-badge{border-color:#8d5b34;color:#d99d6b}.level-pill{color:#e8bd6c}.ranking-head{padding-bottom:22px}
.download-card{display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:center;padding:30px}.download-icon{width:95px;height:95px;display:grid;place-items:center;border:1px solid #9a692d;color:#e8bd6f;font:35px Georgia,serif;background:radial-gradient(circle,#2a1c0c,#090807)}.download-copy h2{margin:4px 0 8px;font:29px Georgia,serif;color:#e6c17a}.download-copy p{margin:0;color:#8f887d;line-height:1.7}.card-kicker{font-size:10px;color:#a07639;letter-spacing:2px}.download-btn{min-width:190px}.config-tip{margin-top:18px}.config-tip code{display:block;color:#d7b36d;background:#080808;border:1px solid #2a241b;padding:14px}.account-card strong{display:block;font:36px Georgia,serif;color:#e6bd70;margin:10px 0}.account-card .btn+ .btn{margin-top:10px}
.footer{height:85px;border-top:1px solid rgba(214,162,78,.16);display:flex;align-items:center;justify-content:space-between;color:#6f695f;font-size:11px}.footer strong{color:#aa8249}.footer-note{text-transform:uppercase;letter-spacing:2px;font-size:9px}
@media(max-width:900px){.topbar{height:auto;padding:20px 0;align-items:flex-start}.nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.hero{padding:52px 34px}.hero-mark{display:none}.hero h1{font-size:43px}.stat-grid{grid-template-columns:1fr 1fr}.content-grid,.account-grid{grid-template-columns:1fr}.download-card{grid-template-columns:90px 1fr}.download-btn{grid-column:1/-1}.form-two{grid-template-columns:1fr}}
@media(max-width:620px){.site-shell{width:min(100% - 20px,1180px)}.topbar{display:block}.nav{margin-top:18px;justify-content:flex-start}.hero{padding:38px 24px;min-height:430px}.hero h1{font-size:35px}.hero-actions{display:grid}.stat-grid{grid-template-columns:1fr}.auth-card{padding:22px}.page-head h1{font-size:36px}.download-card{grid-template-columns:1fr;text-align:center}.download-icon{margin:auto}.footer{height:auto;padding:24px 0;display:block}.footer-note{margin-top:8px}}




/* Compact Vortex2 logo in the hero content */
.hero-vortex-logo{
    width:150px;
    max-width:150px;
    margin:0 0 18px 0;
    display:block;
    pointer-events:none;
}
.hero-vortex-logo img{
    display:block;
    width:100%;
    height:auto;
    max-height:95px;
    object-fit:contain;
    object-position:left center;
    filter:
        drop-shadow(0 4px 9px rgba(0,0,0,.85))
        drop-shadow(0 0 10px rgba(202,145,48,.18));
}
@media(max-width:620px){
    .hero-vortex-logo{
        width:140px;
        max-width:140px;
        margin-bottom:14px;
    }
    .hero-vortex-logo img{max-height:90px}
}


/* SÉ / Revolut modul */
.se-page-head{padding-bottom:24px}.se-balance{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:18px 22px}.se-balance span{color:#8f8677;text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.se-balance strong{font:28px Georgia,serif;color:#f0c978}.se-balance small{margin-left:auto;color:#887d6c}.se-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.se-package-card{position:relative;overflow:hidden;border:1px solid #49351d;background:linear-gradient(180deg,#17130d,#090908);padding:26px;box-shadow:0 16px 42px rgba(0,0,0,.25)}.se-package-card:before{content:"";position:absolute;width:180px;height:180px;right:-85px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(214,162,78,.18),transparent 68%)}.se-coins{font:40px Georgia,serif;color:#f0ca79;margin:18px 0 5px}.se-coins small{font-size:16px;color:#9e7a42}.se-price{color:#aaa090;font-size:16px;margin-bottom:20px}.se-info-panel p{color:#9f978a;line-height:1.8}.se-warning{border-left:2px solid #a06e2d;padding-left:14px;color:#c5ad84!important}.se-order-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:18px}.se-order-line{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #241e16;color:#968e82}.se-order-line strong{color:#e8c277;text-align:right}.order-code{letter-spacing:1px}.status-pending{color:#e2b461!important}.status-approved{color:#7bc27b!important}.status-rejected{color:#d97878!important}.se-payment-note{color:#a69d90;line-height:1.7;background:#0a0907;border:1px solid #302416;padding:14px}.se-claimed,.se-success-box{margin-top:14px;padding:13px 15px;border:1px solid rgba(117,184,109,.35);background:rgba(44,92,38,.11);color:#a9d5a3}.se-side-card p{color:#999083;line-height:1.75}.se-admin-panel{padding:18px}.se-admin-table td{vertical-align:middle}.se-admin-table small{color:#736b61}.admin-actions{display:flex;gap:7px}.admin-actions form{margin:0}.admin-actions .btn{min-height:34px;padding:0 10px;font-size:9px}.account-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.se-package-grid{grid-template-columns:1fr 1fr}.se-order-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.se-balance{align-items:flex-start;flex-direction:column}.se-balance small{margin-left:0}}
@media(max-width:620px){.se-package-grid{grid-template-columns:1fr}.admin-actions{display:grid}.se-order-line{display:block}.se-order-line strong{display:block;text-align:left;margin-top:5px}}


/* === VORTEX2 ANIMATED GOLD LIGHTS === */
body {
    position: relative;
    overflow-x: hidden;
}

body::before,
body::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: 0;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .18;
    mix-blend-mode: screen;
}

body::before {
    width: 34vw;
    height: 34vw;
    min-width: 360px;
    min-height: 360px;
    top: 8vh;
    left: -10vw;
    background: radial-gradient(circle,
        rgba(255, 214, 120, .42) 0%,
        rgba(205, 145, 45, .23) 34%,
        rgba(153, 92, 15, .08) 58%,
        transparent 72%);
    animation: vortexGoldFloatA 12s ease-in-out infinite alternate;
}

body::after {
    width: 30vw;
    height: 30vw;
    min-width: 320px;
    min-height: 320px;
    right: -8vw;
    bottom: 4vh;
    background: radial-gradient(circle,
        rgba(255, 225, 148, .34) 0%,
        rgba(190, 127, 28, .19) 38%,
        rgba(118, 71, 10, .06) 62%,
        transparent 76%);
    animation: vortexGoldFloatB 15s ease-in-out infinite alternate;
}

@keyframes vortexGoldFloatA {
    0%   { transform: translate3d(0, 0, 0) scale(1); opacity: .12; }
    45%  { transform: translate3d(12vw, 4vh, 0) scale(1.08); opacity: .24; }
    100% { transform: translate3d(4vw, 14vh, 0) scale(.94); opacity: .16; }
}

@keyframes vortexGoldFloatB {
    0%   { transform: translate3d(0, 0, 0) scale(.95); opacity: .14; }
    55%  { transform: translate3d(-10vw, -7vh, 0) scale(1.10); opacity: .25; }
    100% { transform: translate3d(-2vw, -15vh, 0) scale(1.02); opacity: .17; }
}

.site-header,
main,
footer,
.hero,
.container,
.page-shell {
    position: relative;
    z-index: 1;
}

.hero,
.card,
.panel,
.auth-card,
.rank-card,
.download-card,
.se-card,
.payment-card,
.account-card {
    position: relative;
    overflow: hidden;
}

.hero::after,
.card::after,
.panel::after,
.auth-card::after,
.rank-card::after,
.download-card::after,
.se-card::after,
.payment-card::after,
.account-card::after {
    content: "";
    position: absolute;
    top: -35%;
    left: -55%;
    width: 34%;
    height: 170%;
    pointer-events: none;
    transform: rotate(18deg);
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 221, 145, .025) 15%,
        rgba(255, 214, 113, .16) 48%,
        rgba(255, 244, 204, .26) 52%,
        rgba(255, 202, 83, .10) 58%,
        transparent 100%
    );
    filter: blur(5px);
    animation: vortexGoldSweep 8s ease-in-out infinite;
}

@keyframes vortexGoldSweep {
    0%, 16%   { left: -55%; opacity: 0; }
    24%       { opacity: .72; }
    54%       { opacity: .9; }
    68%       { left: 125%; opacity: 0; }
    100%      { left: 125%; opacity: 0; }
}

h1,
h2,
.section-title,
.hero-title {
    position: relative;
}

h1::after,
h2::after,
.section-title::after,
.hero-title::after {
    content: "";
    display: block;
    width: 72px;
    max-width: 32%;
    height: 1px;
    margin-top: 10px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(226, 171, 72, .45),
        rgba(255, 231, 166, .95),
        rgba(226, 171, 72, .45),
        transparent
    );
    background-size: 180% 100%;
    animation: vortexGoldLine 3.8s linear infinite;
    box-shadow: 0 0 10px rgba(214, 155, 52, .24);
}

@keyframes vortexGoldLine {
    0%   { background-position: 180% 0; opacity: .45; }
    50%  { opacity: 1; }
    100% { background-position: -80% 0; opacity: .45; }
}

.btn,
button,
input[type="submit"],
a.button {
    position: relative;
    overflow: hidden;
}

.btn::before,
button::before,
input[type="submit"]::before,
a.button::before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -90%;
    left: -45%;
    width: 24%;
    height: 280%;
    transform: rotate(22deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 241, 193, .36),
        transparent
    );
    animation: vortexButtonGleam 5.8s ease-in-out infinite;
}

@keyframes vortexButtonGleam {
    0%, 68%  { left: -45%; opacity: 0; }
    73%      { opacity: .85; }
    86%      { left: 125%; opacity: .35; }
    100%     { left: 125%; opacity: 0; }
}

.btn-primary,
.active,
.nav-link:hover,
a:hover {
    text-shadow: 0 0 10px rgba(233, 177, 75, .18);
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    body::after,
    .hero::after,
    .card::after,
    .panel::after,
    .auth-card::after,
    .rank-card::after,
    .download-card::after,
    .se-card::after,
    .payment-card::after,
    .account-card::after,
    h1::after,
    h2::after,
    .section-title::after,
    .hero-title::after,
    .btn::before,
    button::before,
    input[type="submit"]::before,
    a.button::before {
        animation: none !important;
    }
}


/* === VORTEX2 GOLD CURSOR GLOW === */
.vortex-cursor-glow {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    margin-left: -125px;
    margin-top: -125px;
    pointer-events: none;
    z-index: 9999;
    border-radius: 50%;
    opacity: 0;
    transform: translate3d(-500px, -500px, 0);
    background:
        radial-gradient(circle,
            rgba(255, 248, 213, .34) 0%,
            rgba(255, 220, 135, .22) 13%,
            rgba(221, 166, 70, .12) 30%,
            rgba(175, 112, 26, .055) 48%,
            transparent 70%);
    filter: blur(8px);
    mix-blend-mode: screen;
    will-change: transform, opacity;
    transition: opacity .22s ease;
}

.vortex-cursor-glow::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    left: 98px;
    top: 98px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(255, 248, 214, .34) 0%,
        rgba(241, 194, 105, .13) 38%,
        transparent 72%);
    box-shadow:
        0 0 18px rgba(255, 224, 151, .16),
        0 0 42px rgba(214, 158, 54, .09);
}

.vortex-cursor-glow.is-visible {
    opacity: 1;
}

@media (hover: none), (pointer: coarse) {
    .vortex-cursor-glow {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vortex-cursor-glow {
        display: none !important;
    }
}