*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial,Helvetica,sans-serif;
    background:#040d18;
    color:#fff;
    min-height:100vh;
    overflow:hidden;
}

.bg-pattern{

    position:fixed;
    inset:0;

    background:
    radial-gradient(circle at top,#153455 0%,transparent 35%),
    linear-gradient(135deg,#020814,#071422,#020814);

}

.bg-pattern:before{

    content:"";

    position:absolute;

    inset:0;

    opacity:.25;

    background-image:
    radial-gradient(#c99b44 1px,transparent 1px);

    background-size:22px 22px;

}

.error-wrapper{

    position:relative;

    z-index:2;

    max-width:760px;

    margin:auto;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:40px;

}

.shield{

    width:100px;

    height:100px;

    border:3px solid #d9ab57;

    clip-path:polygon(50% 0%,90% 18%,82% 78%,50% 100%,18% 78%,10% 18%);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:52px;

    color:#d9ab57;

    margin-bottom:30px;

}

.code{

    font-family:Georgia,serif;

    font-size:120px;

    color:#d9ab57;

    line-height:1;

}

h1{

    margin-top:10px;

    font-size:42px;

    font-family:Georgia,serif;

    font-weight:500;

}

.gold-line{

    width:120px;

    height:2px;

    background:#d9ab57;

    margin:30px auto;

}

.description{

    max-width:620px;

    color:#b8c7d9;

    font-size:18px;

    line-height:1.8;

}

.warning{

    margin-top:45px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(217,171,87,.35);

    border-radius:10px;

    display:flex;

    gap:20px;

    padding:25px;

    text-align:left;

    max-width:680px;

}

.warning-icon{

    font-size:42px;

    color:#d9ab57;

}

.warning strong{

    display:block;

    margin-bottom:10px;

    color:#d9ab57;

    font-size:20px;

}

.warning p{

    color:#bcc8d7;

    line-height:1.7;

}

.buttons{

    margin-top:40px;

    display:flex;

    gap:20px;

}

.buttons a{

    text-decoration:none;

    padding:15px 34px;

    border-radius:6px;

    transition:.3s;

}

.btn-primary{

    background:linear-gradient(135deg,#f2ca75,#edae3d);

    color:#111;

    font-weight:bold;

}

.btn-primary:hover{

    transform:translateY(-2px);

}

.btn-secondary{

    border:1px solid #d9ab57;

    color:#d9ab57;

}

.btn-secondary:hover{

    background:#d9ab57;

    color:#111;

}

footer{

    position:fixed;

    left:0;

    right:0;

    bottom:0;

    padding:18px;

    border-top:1px solid rgba(217,171,87,.35);

    display:flex;

    justify-content:space-between;

    color:#90a4ba;

    font-size:13px;

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

}

@media(max-width:768px){

.code{

font-size:80px;

}

h1{

font-size:30px;

}

.description{

font-size:15px;

}

.warning{

flex-direction:column;

text-align:center;

}

.buttons{

flex-direction:column;

width:100%;

}

.buttons a{

width:100%;

}

footer{

flex-direction:column;

gap:10px;

text-align:center;

}

}