:root{
  --void:#070606;--abyss:#0f090d;--blood:#8f1423;--blood2:#d7342e;--ember:#ff9d35;--gold:#d7b35a;--rune:#48d6ff;--mist:#b9c1d7;--text:#f7efe4;--muted:#b6aa98;--panel:rgba(16,10,12,.88);--panel2:rgba(33,18,15,.78);--line:rgba(215,179,90,.30);--shadow:0 26px 90px rgba(0,0,0,.62);--radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.woi-body{margin:0;min-height:100vh;background:var(--void);color:var(--text);font-family:Rajdhani,Arial,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden;background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.82))}.woi-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% 8%,rgba(255,157,53,.24),transparent 22%),radial-gradient(circle at 18% 24%,rgba(143,20,35,.38),transparent 30%),linear-gradient(180deg,rgba(8,6,6,.35),rgba(8,5,5,.96) 72%),url('../images/image-3.jpg') center top/cover no-repeat}.woi-bg:before{content:"";position:absolute;inset:0;background:url('../images/bg-nav-side.jpg') center/cover no-repeat;mix-blend-mode:screen;opacity:.18;filter:contrast(1.15)}.woi-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),transparent 18%,transparent 82%,rgba(0,0,0,.82)),repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,transparent 1px 4px);opacity:.75}.woi-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(10,7,8,.96),rgba(11,7,8,.82));backdrop-filter:blur(14px);border-bottom:1px solid rgba(215,179,90,.28);box-shadow:0 12px 45px rgba(0,0,0,.38)}.woi-topbar{max-width:1420px;margin:auto;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;border-bottom:1px solid rgba(215,179,90,.10)}.woi-status-grid{display:flex;gap:18px;flex-wrap:wrap}.woi-status-grid i{color:var(--ember)}.woi-status-grid strong{color:#fff}.woi-lang{display:flex;gap:6px}.woi-lang button{border:1px solid rgba(215,179,90,.25);background:rgba(0,0,0,.22);border-radius:8px;padding:4px;line-height:1;cursor:pointer}.woi-lang button:hover{border-color:var(--ember)}.woi-lang img{display:block;width:22px;height:15px}.woi-nav{max-width:1420px;margin:auto;min-height:82px;padding:12px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.woi-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-family:Orbitron,Rajdhani,sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.woi-brand:hover,.woi-brand:focus{color:#fff;text-decoration:none}.woi-brand img{width:84px;max-height:64px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(215,179,90,.34))}.woi-brand span{text-shadow:0 0 18px rgba(215,179,90,.35)}.woi-menu{display:flex;align-items:center;justify-content:center;gap:5px}.woi-menu a{position:relative;color:#eadfc8;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:12px 12px;border-radius:4px;border:1px solid transparent}.woi-menu a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:.2s}.woi-menu a:hover,.woi-menu a.is-active{color:#fff;background:linear-gradient(180deg,rgba(143,20,35,.38),rgba(70,18,14,.20));border-color:rgba(215,179,90,.25);text-decoration:none;text-shadow:0 0 14px rgba(255,157,53,.40)}.woi-menu a:hover:after,.woi-menu a.is-active:after{opacity:1}.woi-actions{display:flex;gap:10px;align-items:center}.woi-btn{border:1px solid rgba(215,179,90,.38);border-radius:6px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:.18s ease;cursor:pointer;background:rgba(0,0,0,.18);color:#fff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.woi-btn:hover{transform:translateY(-1px);text-decoration:none;color:#fff;box-shadow:0 0 28px rgba(215,179,90,.18)}.woi-btn-primary{border-color:rgba(255,157,53,.75);background:linear-gradient(135deg,#4a0d14,#a31924 45%,#e37427);color:#fff;box-shadow:0 12px 34px rgba(143,20,35,.35),inset 0 0 0 1px rgba(255,255,255,.13)}.woi-btn-ghost{background:rgba(255,255,255,.055);color:#fff}.woi-btn-lg{padding:15px 24px;font-size:15px}.woi-menu-btn{display:none;width:46px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:10px;padding:9px}.woi-menu-btn span{display:block;height:2px;background:#fff;margin:6px;border-radius:4px}.woi-hero{max-width:1420px;margin:0 auto;padding:92px 22px 44px;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:32px;align-items:center}.woi-kicker{display:inline-flex;gap:10px;align-items:center;color:var(--gold);font-family:Orbitron,Rajdhani,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.22em}.woi-kicker:before,.woi-kicker:after{content:"";width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.woi-kicker:after{background:linear-gradient(90deg,var(--gold),transparent)}.woi-hero h1{font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(42px,7vw,92px);line-height:.96;margin:0 0 20px;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 36px rgba(143,20,35,.62),0 0 60px rgba(255,157,53,.22);max-width:940px}.woi-hero-text{max-width:760px;color:#dfd2bd;font-size:22px;text-shadow:0 1px 2px #000}.woi-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.woi-hero-card,.woi-panel,.woi-content,.woi-feature,.woi-media-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(8,6,7,.86));border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.woi-hero-card:before,.woi-panel:before,.woi-content:before,.woi-feature:before,.woi-media-card:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(215,179,90,.16),transparent 28%,rgba(143,20,35,.12));pointer-events:none}.woi-hero-card{padding:30px;text-align:center}.woi-hero-card img{width:100%;border-radius:12px;border:1px solid rgba(215,179,90,.25);margin-bottom:18px}.woi-card-label{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px}.woi-hero-card strong{display:block;font-size:76px;line-height:1;font-family:Orbitron,Rajdhani,sans-serif;color:#fff;text-shadow:0 0 26px rgba(255,157,53,.35)}.woi-progress{height:11px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:20px 0 10px;border:1px solid rgba(215,179,90,.18)}.woi-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blood),var(--ember));border-radius:inherit}.woi-main{max-width:1420px;margin:0 auto 50px;padding:0 22px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.woi-sidebar{display:grid;gap:18px;position:sticky;top:116px}.woi-panel{padding:22px}.woi-panel h3,.woi-content h1,.woi-content h2,.woi-content h3,.panel-title,.woi-section-title{font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.06em}.woi-panel h3{margin:0 0 16px;color:#fff;font-size:18px}.woi-panel a{display:flex;align-items:center;gap:12px;padding:12px 10px;color:#eadfc8;border-radius:10px;text-decoration:none;border:1px solid transparent}.woi-panel a:hover{background:rgba(143,20,35,.22);border-color:var(--line);color:#fff;text-decoration:none}.woi-panel i{color:var(--gold);width:20px}.woi-content{min-height:420px;padding:30px;overflow:visible}.woi-content .container,.woi-content .container-fluid{width:100%;max-width:100%;padding-left:0;padding-right:0}.woi-content .row{margin-left:0;margin-right:0}.woi-content img{max-width:100%;height:auto}.woi-content table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden}.woi-content .table{color:#efe8dc;background:transparent}.woi-content th,.woi-content td,.woi-content .table>tbody>tr>td,.woi-content .table>thead>tr>th{border-color:rgba(215,179,90,.18)!important;padding:12px}.woi-content .panel,.woi-content .panel-default{background:rgba(18,10,10,.70);border:1px solid var(--line);border-radius:16px;color:#efe8dc;box-shadow:none}.woi-content .panel-heading{background:linear-gradient(180deg,rgba(143,20,35,.32),rgba(0,0,0,.12))!important;border-color:var(--line)!important;border-radius:16px 16px 0 0;color:#fff}.woi-content .form-control,.woi-modal .form-control,select,textarea,input[type=text],input[type=password],input[type=email]{background:rgba(5,5,8,.78)!important;border:1px solid rgba(215,179,90,.32)!important;color:#fff!important;border-radius:8px!important;min-height:44px}.woi-content a{color:#ffd47a}.woi-content a:hover{color:#fff}.woi-home{display:grid;gap:28px}.woi-section-title{font-size:28px;margin:0 0 16px;color:#fff}.woi-lore{font-size:19px;color:#ddcfbc}.woi-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.woi-feature{padding:22px;min-height:180px}.woi-feature i{font-size:34px;color:var(--gold);text-shadow:0 0 18px rgba(255,157,53,.28)}.woi-feature h3{margin:12px 0 8px}.woi-feature p{color:#cdbfaa;margin:0}.woi-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.woi-media-card{min-height:260px;background-size:cover;background-position:center;border-radius:18px;display:flex;align-items:flex-end}.woi-media-card .cap{position:relative;width:100%;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.woi-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.woi-stat{padding:18px;border:1px solid rgba(215,179,90,.20);background:rgba(0,0,0,.20);border-radius:14px;text-align:center}.woi-stat strong{display:block;font-family:Orbitron,Rajdhani,sans-serif;font-size:28px;color:var(--gold)}.woi-footer{max-width:1420px;margin:0 auto 28px;padding:24px 22px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.woi-footer-links{display:flex;gap:16px}.woi-footer a{color:#eadfc8}.woi-modal .modal-content{background:linear-gradient(180deg,rgba(26,12,12,.98),rgba(8,6,7,.98));border:1px solid var(--line);border-radius:18px;color:#fff;box-shadow:var(--shadow)}.woi-modal .close{color:#fff;opacity:.85;padding:14px 18px}.woi-modal .modal-header{text-align:center;border-bottom:1px solid var(--line)}.woi-modal form{display:grid;gap:14px}.messages,.alert{border-radius:10px}.title{color:#f5ead8}.cursor{cursor:pointer}.nk-box,.nk-main,.nk-gap,.nk-gap-2,.nk-gap-3,.nk-gap-4,.nk-gap-6{max-width:100%}.bg-dark-1{background:transparent!important}.nk-title,.h1,.display-4{color:#fff}.lead{color:#ddcfbc}.nk-ibox,.nk-box-2,.nk-testimonial-2{background:rgba(0,0,0,.18);border:1px solid rgba(215,179,90,.18);border-radius:14px;padding:18px}.nk-count,.nk-counter-title{color:var(--gold)}@media (max-width:1180px){.woi-nav{grid-template-columns:auto auto;justify-content:space-between}.woi-menu-btn{display:block;grid-column:2}.woi-menu{grid-column:1/-1;display:none;flex-direction:column;align-items:stretch;background:rgba(8,7,7,.98);border:1px solid var(--line);border-radius:16px;padding:12px}.woi-menu.is-open{display:flex}.woi-menu a{display:block;text-align:left}.woi-actions{grid-column:1/-1;justify-content:flex-start}.woi-hero{grid-template-columns:1fr}.woi-main{grid-template-columns:1fr}.woi-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.woi-showcase{grid-template-columns:1fr}}@media (max-width:760px){body.woi-body{font-size:16px}.woi-topbar{align-items:flex-start;flex-direction:column;padding:8px 14px}.woi-status-grid{gap:8px;flex-direction:column}.woi-nav{padding:10px 14px}.woi-brand span{display:none}.woi-brand img{width:66px}.woi-actions{flex-direction:column;align-items:stretch}.woi-actions .woi-btn{width:100%}.woi-hero{padding:50px 14px 26px}.woi-kicker{font-size:12px;letter-spacing:.14em}.woi-kicker:before,.woi-kicker:after{width:24px}.woi-hero h1{font-size:39px}.woi-hero-text{font-size:18px}.woi-hero-card{padding:20px}.woi-hero-card strong{font-size:56px}.woi-hero-actions .woi-btn{width:100%}.woi-main{padding:0 14px;gap:16px}.woi-sidebar,.woi-features,.woi-stats{grid-template-columns:1fr}.woi-content{padding:18px;border-radius:16px}.woi-content table,.woi-content thead,.woi-content tbody,.woi-content th,.woi-content td,.woi-content tr{font-size:14px}.woi-content .table-responsive{border:0}.woi-footer{padding:20px 14px;flex-direction:column}.woi-footer-links{flex-wrap:wrap}.modal-dialog{margin:18px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{padding-left:0!important;padding-right:0!important;width:100%!important;float:none!important}}@media (max-width:430px){.woi-hero h1{font-size:32px}.woi-btn{padding:11px 14px;font-size:13px}.woi-lang{flex-wrap:wrap}.woi-content{padding:14px}.woi-section-title{font-size:23px}}

/* Dawn of Calamity expansion additions */
.woi-expansion-landing{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px;align-items:center;padding:24px;border:1px solid rgba(236,177,72,.24);border-radius:24px;background:linear-gradient(135deg,rgba(16,8,12,.92),rgba(61,11,11,.72));box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden;margin-bottom:24px}.woi-expansion-landing img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.45);object-fit:cover}.woi-download-hero img{max-height:180px}.woi-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.woi-download-card{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(11,8,12,.78);box-shadow:0 12px 35px rgba(0,0,0,.28)}.woi-download-card i{font-size:32px;color:#f0b65d}.woi-download-card h3{margin:12px 0 8px;color:#fff}.woi-guide,.woi-seo-block{padding:24px;border-radius:20px;background:rgba(12,10,14,.78);border:1px solid rgba(255,255,255,.1);margin:22px 0}.woi-guide h3,.woi-seo-block h2{margin-top:0;color:#f0d59b}.woi-guide li{margin:8px 0;color:#ddd}.woi-next-event{margin-top:18px}.woi-menu a[href*="server_status"]{color:#ffd28a}.woi-footer-links{gap:14px;flex-wrap:wrap}@media (max-width:900px){.woi-expansion-landing{grid-template-columns:1fr;padding:18px}.woi-download-grid{grid-template-columns:1fr}.woi-download-hero img{max-height:none}.woi-expansion-landing .woi-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.woi-expansion-landing .woi-btn{text-align:center;justify-content:center}}


/* WOI Mortal mobile polish - responsive MMORPG layout, no separate m. domain needed */
@media (max-width: 900px){
  html, body{width:100%;overflow-x:hidden}
  body.woi-body{font-size:16px;background-attachment:scroll}
  .woi-bg{background-position:center top;background-size:cover}
  .woi-bg:before{opacity:.22}
  .woi-topbar{display:none}
  .woi-nav-wrap{position:sticky;top:0;z-index:1000;padding:8px 10px;background:linear-gradient(180deg,rgba(7,5,6,.98),rgba(10,6,7,.92));backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,179,90,.25)}
  .woi-nav{width:100%;max-width:none;display:grid;grid-template-columns:1fr auto;gap:10px;padding:0}
  .woi-brand{min-width:0}
  .woi-brand img{max-width:168px;height:auto}
  .woi-brand small{font-size:10px;letter-spacing:.16em;white-space:nowrap}
  .woi-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:42px;border-radius:12px;background:rgba(143,20,35,.28);border:1px solid rgba(215,179,90,.36);padding:9px}
  .woi-menu-btn span{display:block;width:22px;height:2px;background:#f5d28d;margin:3px 0;border-radius:2px}
  .woi-menu{grid-column:1/-1;display:none;margin-top:8px;padding:10px;background:rgba(8,6,8,.98);border:1px solid rgba(215,179,90,.30);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.50)}
  .woi-menu.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .woi-menu a{padding:12px 10px;text-align:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:12px;font-size:12px;letter-spacing:.04em}
  .woi-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:8px}
  .woi-actions .woi-btn{width:100%;justify-content:center;padding:11px 8px;font-size:12px}

  .woi-hero{display:grid;grid-template-columns:1fr;gap:18px;padding:24px 14px 16px;min-height:0;text-align:center}
  .woi-hero-content{padding:0;max-width:100%}
  .woi-kicker{font-size:12px;letter-spacing:.20em}
  .woi-title{font-size:clamp(32px,11vw,54px);line-height:.95;margin:10px 0 12px;word-break:normal}
  .woi-title span{display:block}
  .woi-subtitle{font-size:16px;line-height:1.45;margin:0 auto 18px;max-width:36em}
  .woi-hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:360px;margin:0 auto}
  .woi-btn{width:100%;justify-content:center;min-height:46px;white-space:normal}
  .woi-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  .woi-stat{padding:12px 8px;border-radius:14px}
  .woi-stat strong{font-size:22px}
  .woi-hero-card{margin:0 auto;width:100%;max-width:380px;border-radius:18px;padding:12px}
  .woi-hero-card img{height:auto;max-height:240px;object-fit:cover;border-radius:14px}
  .woi-card-label{font-size:11px}

  .woi-main{display:block;width:100%;padding:0 12px;margin:0 auto 34px}
  .woi-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}
  .woi-panel{padding:16px;border-radius:16px}
  .woi-panel h3{font-size:15px;margin-bottom:10px}
  .woi-panel a{padding:11px 10px;font-size:15px}
  .woi-content{padding:16px;border-radius:18px;min-height:0;overflow:hidden}
  .woi-content img, .woi-content video, .woi-content iframe{max-width:100%;height:auto}
  .woi-content table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}

  .woi-expansion-landing,.woi-download-hero{display:grid;grid-template-columns:1fr!important;gap:16px;padding:16px!important;text-align:center;border-radius:18px}
  .woi-expansion-landing img,.woi-download-hero img{width:100%;max-height:260px;object-fit:cover;border-radius:14px}
  .woi-section-title{font-size:clamp(24px,8vw,36px);line-height:1.05}
  .woi-lore{font-size:16px}
  .woi-feature-grid,.woi-download-grid,.woi-status-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .woi-feature,.woi-download-card,.woi-guide,.woi-seo-block{padding:16px;border-radius:16px}
  .woi-feature h3,.woi-download-card h3{font-size:18px}
  .woi-footer{padding:24px 12px;text-align:center}
  .woi-footer-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
}

@media (max-width: 420px){
  .woi-brand img{max-width:145px}
  .woi-menu.is-open{grid-template-columns:1fr}
  .woi-actions{grid-template-columns:1fr}
  .woi-hero{padding-left:10px;padding-right:10px}
  .woi-hero-stats{grid-template-columns:1fr}
  .woi-main{padding:0 8px}
  .woi-content{padding:12px}
}


/* WOI Mortal UI polish: logout, login modal and account panel */
.woi-btn.is-loading{opacity:.78;pointer-events:none;filter:saturate(.75)}
.woi-toast{max-width:1420px;margin:14px auto 0;padding:14px 18px;border-radius:14px;border:1px solid rgba(120,255,160,.35);background:linear-gradient(135deg,rgba(34,118,54,.88),rgba(7,29,15,.92));color:#eaffef;box-shadow:0 16px 45px rgba(0,0,0,.35);font-weight:700;display:flex;align-items:center;gap:10px}
.woi-toast i{color:#9cffb6}
.woi-login-modal .modal-dialog{max-width:460px}
.woi-login-modal .modal-content{overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(143,20,35,.42),transparent 34%),linear-gradient(180deg,rgba(22,10,13,.98),rgba(7,5,7,.98));border:1px solid rgba(215,179,90,.36)}
.woi-modal-close{position:absolute;right:10px;top:8px;z-index:3;color:#fff!important;text-shadow:none!important;opacity:.78!important;font-size:28px!important}
.woi-login-head{text-align:center;padding:30px 28px 16px;border-bottom:1px solid rgba(215,179,90,.20);position:relative}
.woi-login-head:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 45%,rgba(255,157,53,.08));pointer-events:none}
.woi-login-head img{position:relative;margin-bottom:12px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.woi-login-head .woi-kicker{margin:0;justify-content:center;font-size:11px}
.woi-login-head h3{position:relative;margin:8px 0 6px;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:28px;color:#fff}
.woi-login-subtitle{position:relative;margin:0 auto;color:#d9cbb9;max-width:330px;font-size:15px;line-height:1.35}
.woi-login-modal .modal-body{padding:22px 28px 26px}
.woi-login-form{display:grid;gap:10px}
.woi-login-form label{margin:4px 0 0;color:#f0d59b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}
.woi-input-wrap{position:relative}
.woi-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#d7b35a;z-index:2}
.woi-input-wrap .form-control{padding-left:42px!important;border-radius:12px!important;background:rgba(0,0,0,.42)!important;min-height:48px!important}
.woi-btn-login{width:100%;margin-top:10px;min-height:50px;border-radius:12px}
.woi-login-footer{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bfb29d}
.woi-login-footer a{color:#ffd47a;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.woi-login-messages{margin-bottom:12px}
.woi-login-messages .nk-info-box,.woi-login-messages .alert{width:100%!important;margin:0!important;text-align:left!important}

.woi-account-page{display:grid;gap:18px}
.woi-account-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:center;padding:24px;border-radius:20px;border:1px solid rgba(215,179,90,.22);background:linear-gradient(135deg,rgba(143,20,35,.30),rgba(7,5,6,.78)),url('../images/post-7.jpg') center/cover no-repeat;box-shadow:0 18px 50px rgba(0,0,0,.34);overflow:hidden;position:relative}
.woi-account-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25));pointer-events:none}
.woi-account-hero>*{position:relative}
.woi-account-hero h1{font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;font-size:clamp(28px,5vw,52px);margin:6px 0;color:#fff}
.woi-account-hero p{color:#dfd0bc;margin:0;max-width:680px}
.woi-credit-card{padding:20px;border-radius:18px;background:rgba(0,0,0,.56);border:1px solid rgba(215,179,90,.32);text-align:center}
.woi-credit-card span,.woi-credit-card small{display:block;color:#cfc0aa;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.woi-credit-card strong{display:block;font-family:Orbitron,Rajdhani,sans-serif;font-size:54px;line-height:1;color:#fff;text-shadow:0 0 28px rgba(255,157,53,.38);margin:8px 0}
.woi-account-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid rgba(215,179,90,.18);border-radius:18px;background:rgba(0,0,0,.25)}
.woi-account-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#f0e2ca;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:13px}
.woi-account-tabs a:hover{background:rgba(143,20,35,.26);border-color:rgba(215,179,90,.28);color:#fff;text-decoration:none}
.woi-account-tabs i{color:#d7b35a}
.woi-account-content{padding:18px;border-radius:18px;border:1px solid rgba(215,179,90,.18);background:rgba(0,0,0,.20)}
.woi-account-content .container,.woi-account-content .container-fluid{width:100%;max-width:100%;padding-left:0;padding-right:0}
.woi-account-content .panel{background:rgba(10,7,9,.70);border:1px solid rgba(215,179,90,.22);border-radius:16px;color:#fff;overflow:hidden}
.woi-account-content .panel-heading{background:linear-gradient(90deg,rgba(143,20,35,.45),rgba(0,0,0,.15));border-bottom:1px solid rgba(215,179,90,.20);color:#fff}
.woi-account-content .table{color:#eadfc8}
.woi-account-content .table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.035)}
.woi-account-content .alert{max-width:520px;width:auto!important}

@media (max-width: 760px){
  .woi-login-modal .modal-dialog{margin:18px auto;max-width:calc(100% - 24px)}
  .woi-login-head{padding:24px 20px 14px}
  .woi-login-modal .modal-body{padding:18px}
  .woi-login-footer{display:grid;text-align:center;justify-content:center}
  .woi-account-hero{grid-template-columns:1fr;text-align:center;padding:18px}
  .woi-credit-card{max-width:280px;margin:0 auto;width:100%}
  .woi-account-tabs{display:grid;grid-template-columns:1fr 1fr}
  .woi-account-tabs a{justify-content:center;font-size:12px;padding:10px 8px}
  .woi-account-content{padding:12px}
}