.perception-overlay{

position:fixed;
inset:0;

background:
rgba(5,12,22,.96);

z-index:100001;

display:flex;

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

}

.perception-box{

text-align:center;

}

.perception-title{

font-size:52px;

margin-bottom:40px;

color:#e5c87b;

}

.perception-line{

font-size:28px;

opacity:.85;

}

.perception-result{

position:fixed;

inset:0;

background:
rgba(0,0,0,.75);

backdrop-filter:
blur(10px);

z-index:100002;

display:flex;

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

}

.perception-card{

max-width:800px;

padding:60px;

border-radius:24px;

background:
linear-gradient(
180deg,
#0b1627,
#13233b
);

text-align:center;

}

.perception-card h2{

font-size:48px;

margin-bottom:30px;

}

.perception-card p{

font-size:24px;

line-height:1.9;

margin-bottom:20px;

color:#c7d0db;

}

.perception-card button{

margin-top:25px;

padding:18px 40px;

border:none;

border-radius:14px;

cursor:pointer;

font-weight:700;

background:
linear-gradient(
135deg,
#e5c87b,
#f4dfab
);

}