*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);
    color:#e2e8f0;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
    padding:20px;
    line-height:1.6;
}
.box{
    background:#1e293b;
    border:1px solid #334155;
    border-radius:14px;
    padding:36px 32px;
    max-width:520px;
    width:100%;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,0.4),0 4px 12px rgba(0,0,0,0.2);
    animation:fadeIn .35s ease-out;
}
@keyframes fadeIn{
    from{opacity:0;transform:translateY(16px)}
    to{opacity:1;transform:translateY(0)}
}
.icon{
    font-size:48px;
    margin-bottom:16px;
    line-height:1;
}
h2{
    color:#f87171;
    font-size:1.5rem;
    font-weight:700;
    margin:0 0 12px 0;
    letter-spacing:-0.3px;
}
p{
    color:#94a3b8;
    font-size:.9rem;
    margin-bottom:20px;
}
.info-row{
    background:#0f172a;
    border-radius:8px;
    padding:14px 18px;
    margin-bottom:10px;
    text-align:left;
    font-size:.85rem;
}
.info-row b{
    display:inline-block;
    min-width:65px;
    color:#cbd5e1;
    font-weight:600;
}
code{
    background:#020617;
    color:#38bdf8;
    padding:3px 10px;
    border-radius:5px;
    font-family:"SF Mono",Consolas,Monaco,"Andale Mono",monospace;
    font-size:.82rem;
    word-break:break-all;
    display:inline-block;
    max-width:100%;
    vertical-align:middle;
}
.footer{
    margin-top:24px;
    font-size:.7rem;
    color:#64748b;
}
@media(max-width:480px){
    body{padding:10px}
    .box{padding:24px 18px;border-radius:10px}
    h2{font-size:1.25rem}
    .info-row{padding:12px 14px}
    .info-row b{min-width:55px;font-size:.8rem}
    code{font-size:.75rem}
}
@media(prefers-color-scheme:light){
    body{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b}
    .box{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 24px rgba(0,0,0,0.08)}
    h2{color:#dc2626}
    p{color:#64748b}
    .info-row{background:#f8fafc;border:1px solid #e2e8f0}
    .info-row b{color:#334155}
    code{background:#f1f5f9;color:#0284c7}
    .footer{color:#94a3b8}
}