html,
body,
#background,
.cc-page,
.jtpl-background-area{
background:#0b0b0f !important;
margin:0;
padding:0;
}
/* ROOT */
:root{
--gold:#d9b36a;
--cream:#f7e7c1;
--dark:#0b0b0f;
--card:#15151b;
--text:#ffffff;
--muted:#bdbdbd;
--border:
rgba(255,255,255,0.06);
}
/* RESET */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
background:
linear-gradient(
180deg,
#0b0b0f,
#111117
) !important;
color:var(--text);
font-family:
Georgia,
serif;
overflow-x:hidden;
}
/* BACKGROUND GLOW */
body:before{
content:"";
position:fixed;
top:-200px;
right:-200px;
width:500px;
height:500px;
background:
radial-gradient(
circle,
rgba(217,179,106,0.12),
transparent 70%
);
z-index:0;
pointer-events:none;
}
/* WRAPPER */
#dx-wrapper{
width:100%;
position:relative;
z-index:2;
}
/* TOPBAR */
.dx-topbar{
width:100%;
max-width:1280px;
margin:auto;
padding:28px 20px;
overflow:hidden;
border-bottom:
1px solid rgba(255,255,255,0.05);
}
/* BRAND */
.dx-brand{
text-decoration:none;
color:#fff;
}
.dx-top-left{
float:left;
}
.dx-logo{
width:56px;
float:left;
margin-right:16px;
border-radius:16px;
background:
rgba(255,255,255,0.03);
padding:6px;
}
.dx-brand-text strong{
display:block;
font-size:32px;
line-height:1;
letter-spacing:1px;
}
.dx-brand-text span{
color:var(--gold);
font-size:11px;
letter-spacing:3px;
}
/* NAV */
.dx-top-right{
float:right;
margin-top:16px;
}
.dx-top-right a{
color:#ffffff !important;
text-decoration:none;
margin-left:24px;
font-size:14px;
transition:0.3s ease;
}
.dx-top-right a:hover{
color:var(--gold) !important;
}
/* HERO */
.dx-hero{
max-width:1280px;
margin:auto;
padding:
60px 20px 90px;
overflow:hidden;
}
/* LEFT */
.dx-left{
width:48%;
float:left;
}
/* RIGHT */
.dx-right{
width:48%;
float:right;
}
/* TAG */
.dx-mini-tag{
display:inline-block;
background:
rgba(217,179,106,0.08);
border:
1px solid rgba(217,179,106,0.14);
color:var(--gold);
padding:9px 20px;
border-radius:100px;
font-size:11px;
letter-spacing:3px;
margin-bottom:30px;
}
/* TITLE */
.dx-title{
font-size:96px;
line-height:0.95;
margin-bottom:12px;
color:#fff !important;
letter-spacing:2px;
}
/* SECOND TITLE */
.dx-second-title{
font-size:36px;
line-height:1.3;
margin-bottom:28px;
color:var(--cream) !important;
font-weight:400;
}
/* DESC */
.dx-desc{
color:#cfcfcf !important;
font-size:20px;
line-height:1.9;
margin-bottom:35px;
}
/* MINI FEATURE */
.dx-mini-feature-wrap{
margin-bottom:38px;
}
.dx-mini-feature{
display:inline-block;
padding:10px 16px;
margin:
0 10px 10px 0;
background:
rgba(255,255,255,0.03);
border:
1px solid rgba(255,255,255,0.06);
border-radius:100px;
color:#d8d8d8;
font-size:13px;
}
/* BUTTON */
.dx-btn-main,
.dx-btn-alt{
display:inline-block;
padding:16px 30px;
text-decoration:none;
border-radius:100px;
margin-right:12px;
font-size:14px;
font-weight:700;
transition:0.3s ease;
}
.dx-btn-main{
background:
var(--gold);
color:#111 !important;
}
.dx-btn-alt{
border:
1px solid rgba(255,255,255,0.10);
color:#fff !important;
}
/* IMAGE */
.dx-image-box{
background:
#15151b;
border:
1px solid var(--border);
border-radius:32px;
padding:18px;
box-shadow:
0 30px 60px rgba(0,0,0,0.35);
}
.dx-image-top,
.dx-image-bottom{
overflow:hidden;
padding:10px;
color:#8f8f8f;
font-size:12px;
}
.dx-image-bottom span:first-child{
float:left;
}
.dx-image-bottom span:last-child{
float:right;
}
.dx-image{
width:100%;
border-radius:22px;
display:block;
}
/* STRIP */
.dx-strip-wrap{
max-width:1280px;
margin:auto;
padding:
0 20px 90px;
overflow:hidden;
}
.dx-strip-card{
width:23%;
float:left;
margin:1%;
background:
#15151b;
border:
1px solid var(--border);
border-radius:24px;
padding:30px;
text-align:center;
transition:0.3s ease;
}
.dx-strip-card:hover{
transform:
translateY(-4px);
border-color:
rgba(217,179,106,0.20);
}
.dx-strip-card strong{
display:block;
color:var(--gold);
font-size:30px;
margin-bottom:10px;
}
.dx-strip-card span{
color:#cfcfcf;
font-size:14px;
}
/* CONTENT */
.dx-content{
max-width:1100px;
margin:auto;
padding:
0 20px 100px;
}
/* ARTICLE */
.dx-article{
background:
#15151b;
border:
1px solid var(--border);
border-radius:32px;
padding:55px;
}
/* LABEL */
.dx-article-label{
color:var(--gold);
font-size:11px;
letter-spacing:3px;
margin-bottom:22px;
}
.dx-article h2{
font-size:44px;
margin-bottom:24px;
line-height:1.3;
}
.dx-article hr{
border:none;
border-top:
1px solid rgba(255,255,255,0.08);
margin-bottom:34px;
}
.dx-article p{
color:#d0d0d0 !important;
font-size:18px;
line-height:1.9;
}
/* HIGHLIGHT */
.dx-highlight-box{
background:
rgba(217,179,106,0.06);
border-left:
3px solid var(--gold);
padding:22px;
border-radius:12px;
color:#ececec;
line-height:1.8;
}
/* FOOTER */
.dx-footer{
text-align:center;
padding:
70px 20px 40px;
border-top:
1px solid rgba(255,255,255,0.05);
}
.dx-footer-logo{
height:42px;
margin-bottom:20px;
}
.dx-footer p{
color:#888;
letter-spacing:2px;
font-size:12px;
}
/* HIDE */
.dx-hide{
display:none;
}
/* MOBILE */
@media(max-width:768px){
.dx-top-right{
display:none;
}
.dx-left,
.dx-right{
width:100%;
float:none;
}
.dx-right{
margin-top:40px;
}
.dx-title{
font-size:56px;
}
.dx-second-title{
font-size:26px;
}
.dx-desc{
font-size:16px;
}
.dx-strip-card{
width:100%;
float:none;
margin:
0 0 18px;
}
.dx-article{
padding:32px;
}
.dx-article h2{
font-size:32px;
}
}