@font-face{font-family:Captain;src:url('../font/American Captain.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;overflow:hidden;background:#050509;color:#000000;display:flex;align-items:center;justify-content:center;font-family:Tahoma,Arial,sans-serif}
.grid{position:absolute;inset:-60%;background:linear-gradient(#00e5ff10 1px,transparent 1px),linear-gradient(90deg,#9d4edd10 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(55deg);animation:g 14s linear infinite}
@keyframes g{to{transform:perspective(500px) rotateX(55deg) translateY(55px)}}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}.a{width:400px;height:400px;background:#00e5ff;top:-180px;right:-130px}.b{width:430px;height:430px;background:#9d4edd;bottom:-230px;left:-150px}
main{position:relative;z-index:2;width:min(900px,90%);padding:55px 25px;text-align:center;background:#08080f99;border:1px solid #00e5ff38;border-radius:30px;backdrop-filter:blur(18px);box-shadow:0 0 45px #00e5ff14,inset 0 0 45px #9d4edd0a}
.badge{display:inline-block;padding:9px 16px;border:1px solid #00e5ff55;border-radius:30px;color:#00e5ff;letter-spacing:3px;font:12px Arial;box-shadow:0 0 18px #00e5ff20}
h1{font-family:Captain,Impact,sans-serif;font-size:clamp(55px,10vw,105px);letter-spacing:4px;margin:28px 0 5px;line-height:.9;text-shadow:0 0 10px #00e5ff,0 0 30px #00e5ff73,4px 4px #9d4eddaa}
h1 span{color:#000000}h2{font-size:clamp(34px,6vw,60px);margin:22px 0 10px;background:linear-gradient(90deg,#00e5ff,#9d4edd);-webkit-background-clip:text;color:transparent}
p{color:#aaa;font-size:17px;line-height:2}.line{width:130px;height:2px;margin:28px auto;background:linear-gradient(90deg,#00e5ff,#9d4edd);box-shadow:0 0 15px #00e5ff}
.langs button{background:#0008;color:#aaa;border:1px solid #333;padding:9px 16px;border-radius:9px;cursor:pointer;margin:3px;transition:.2s}
.langs button.active,.langs button:hover{color:#ffffff;border-color:#00e5ff;box-shadow:0 0 12px #00e5ff33}
footer{position:absolute;bottom:20px;color:#555;font:12px Arial}
body.en{font-family:Captain,Arial,sans-serif}body.en p{font-family:Arial,sans-serif}

/* ===== MOBILE FIX ===== */
@media (max-width: 600px) {

    body {
        overflow-x: hidden;
        min-height: 100svh;
    }

    main {
        position: relative !important;
        inset: auto !important;
        transform: none !important;

        width: calc(100% - 32px) !important;
        max-width: none !important;

        margin: 0 auto !important;
        padding: 32px 18px !important;

        border-radius: 22px;
    }

    h1 {
        font-size: clamp(42px, 12vw, 70px) !important;
        letter-spacing: 1px !important;
        white-space: nowrap;
    }

    h2 {
        font-size: clamp(32px, 9vw, 48px) !important;
        margin: 20px 0 10px !important;
    }

    p {
        font-size: 14px !important;
        line-height: 1.9 !important;
        margin: 0 auto !important;
    }

    .badge {
        font-size: 9px !important;
        letter-spacing: 2px !important;
        padding: 8px 12px !important;
    }

    .line {
        margin: 22px auto !important;
    }

    .langs {
        display: flex;
        justify-content: center;
        gap: 8px;
    }

    .langs button {
        font-size: 12px;
        padding: 8px 14px;
    }

    footer {
        position: fixed !important;
        bottom: 8px !important;
        width: 100%;
        text-align: center;
    }

    .orb.a {
        width: 250px;
        height: 250px;
        right: -120px;
        top: -100px;
    }

    .orb.b {
        width: 280px;
        height: 280px;
        left: -140px;
        bottom: -100px;
    }
}