.elementor-2265 .elementor-element.elementor-element-d1314ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2265 .elementor-element.elementor-element-1cc76fa{--spacer-size:115px;}.elementor-2265 .elementor-element.elementor-element-f13374a{--display:flex;--min-height:1013px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2265 .elementor-element.elementor-element-f13374a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2265 .elementor-element.elementor-element-04ff2a6{width:var( --container-widget-width, 102.352% );max-width:102.352%;--container-widget-width:102.352%;--container-widget-flex-grow:0;}.elementor-2265 .elementor-element.elementor-element-04ff2a6.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-2265 .elementor-element.elementor-element-04ff2a6{width:var( --container-widget-width, 350.15px );max-width:350.15px;--container-widget-width:350.15px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2265 .elementor-element.elementor-element-f13374a{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-04ff2a6 */ :root{
--gold-1:#f1d18a;
--gold-2:#c79a3b;
--gold-3:#9f7422;
--gold-soft:rgba(199,154,59,0.22);
--gold-border:rgba(199,154,59,0.30);
--text-gold:#c79a3b;
--dark-shadow:rgba(0,0,0,0.32);
--card-bg:rgba(255,255,255,0.045);
--btn-bg:rgba(255,255,255,0.03);
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Segoe UI',sans-serif;
}

/* Body */

body{
min-height:100vh;
background:transparent;
color:white;
}

/* Container */

.wrapper{
width:100%;
max-width:690px;
padding:24px;
margin:50px auto;
display:flex;
justify-content:center;
align-items:center;
}

/* Card */

.card{
width:100%;
padding:42px 28px;
text-align:center;
border-radius:28px;
position:relative;
overflow:hidden;

background:var(--card-bg);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);

border:1px solid var(--gold-soft);

box-shadow:
0 12px 45px var(--dark-shadow),
inset 0 1px 0 rgba(255,255,255,0.05);
}

/* subtle luxury glow */
.card::before{
content:"";
position:absolute;
top:-80px;
left:-80px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(199,154,59,0.14), transparent 70%);
pointer-events:none;
}

.card::after{
content:"";
position:absolute;
bottom:-100px;
right:-100px;
width:220px;
height:220px;
background:radial-gradient(circle, rgba(199,154,59,0.08), transparent 70%);
pointer-events:none;
}

/* Logo */

.logo{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:22px;
}

.logo img{
width:110px;
height:110px;
object-fit:cover;
border:none;
border-radius:24px; /* أفخم من الدائرة */
box-shadow:
0 6px 20px rgba(0,0,0,0.20),
0 0 0 1px rgba(255,255,255,0.04);
}

/* Title */

h1{
font-size:30px;
font-weight:700;
letter-spacing:0.4px;
margin-bottom:8px;

background:linear-gradient(135deg,var(--gold-1),var(--gold-2),var(--gold-3));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* Location */

.location{
color:var(--text-gold);
margin-bottom:32px;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
opacity:0.92;
}

/* Links */

.links{
display:flex;
flex-direction:column;
gap:16px;
}

/* Button */

.btn{
display:flex;
align-items:center;
gap:14px;

padding:16px 18px;
border-radius:18px;

border:1px solid var(--gold-border);
background:var(--btn-bg);

color:var(--text-gold);
text-decoration:none;
font-size:15px;
font-weight:500;

transition:
transform .3s ease,
background .3s ease,
color .3s ease,
box-shadow .3s ease,
border-color .3s ease;
}

/* Icon */

.btn img{
width:24px;
height:24px;
object-fit:contain;
filter:brightness(0.95);
}

/* Hover */

.btn:hover{
transform:translateY(-4px) scale(1.01);
background:linear-gradient(135deg,var(--gold-1),var(--gold-2));
color:#161616;
border-color:transparent;
box-shadow:
0 12px 28px rgba(199,154,59,0.26);
}

.btn:hover img{
filter:brightness(0.25);
}

/* Responsive */

@media(max-width:480px){

.wrapper{
padding:16px;
margin:30px auto;
}

.card{
padding:32px 20px;
border-radius:24px;
}

.logo img{
width:95px;
height:95px;
border-radius:20px;
}

h1{
font-size:25px;
}

.location{
font-size:12px;
letter-spacing:1.5px;
}

.btn{
padding:15px 16px;
font-size:14px;
border-radius:16px;
}

} /* End custom CSS */