#return {
    position: fixed;
    top: 1em;
    right: 2.4vw;
    width: 4em;
    height: 2.2em;
    border-radius: 3px;
z-index: 1;
padding: 0;
text-align: center;
font-size: 0.8em;
font-weight: lighter;
 box-shadow: 0 6px 10px rgba(106, 166, 255, 0.482);
pointer-events: all;
cursor: pointer;
}


        :root {

            --bg: #0b0b0d;
            --card: #121218;
            --muted: #8b8d97;
            --text: #f7f7fb;
            --accent: #6aa6ff;
                        --accent-2: #9b7bff;

            --danger: #ff6a6a;
            --ring: rgba(106, 166, 255, 35);
            --radius: 16px;
        }

        ::-webkit-scrollbar {
            display: none;
            visibility: hidden;
        }

        * {
            box-sizing: border-box
        }

        html,
        body {
            min-height: 100%;
            background-color: black;
        }

        body {
                        padding-top: 3.2svh;

            margin: 0;
            width: 100vw;
            height: auto;

background: linear-gradient(to bottom,#000, #00000d, #050309, #020202, #000) no-repeat;
            color: var(--text);
            font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
        }

        .container {
            max-width: 880px;
            margin: 48px auto;
            padding: 0 20px;
            width: 96vw;

            padding-bottom: 8svh;
        }

        header {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 22px
        }

        header .badge {
            font-size: 12px;
            padding: 6px 10px;
            border: 1px solid #2a2a37;
            border-radius: 999px;
            color: var(--muted)
        }

        h1 {
            margin: 0 0 6px;
            font-size: clamp(26px, 3vw, 36px);
            letter-spacing: .2px;
        }

        p.sub {
            margin: 0;
            color: var(--muted)
        }

        form {
            margin-top: 26px;
            background: linear-gradient(120deg, rgba(106, 166, 255, .06), rgba(155, 123, 255, .06));
            border: 1px solid #20202b;
            border-radius: var(--radius);
            padding: 22px;
            box-shadow: 0 7px 20px rgba(7, 1, 17, 0.35)
        }

        .group {
            display: grid;
            gap: 16px;
            margin-bottom: 18px
        }

        .row {
            display: grid;
            gap: 16px;
            grid-template-columns: 1fr
        }

        @media (min-width: 720px) {
            .row.two {
                grid-template-columns: 1fr 1fr
            }
        }

        label {
            font-weight: 600;
            display: block;
            margin: 6px 0 6px;
            font-size: 16px
        }

        .hint {
            color: var(--muted);
            font-size: 16px;
            margin: 6px 0 0
        }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="date"],
        select,
        textarea {
            width: 100%;
            background: rgb(4, 4, 7);
            border: 1px solid #2c2c51;
            color: var(--text);
            border-radius: 12px;
            padding: 12px 14px;
            outline: none;
            transition: border-color .15s ease, box-shadow .15s ease, transform .02s ease;
        }

        textarea {
            min-height: 120px;
            resize: vertical
        }

        input:focus,
        select:focus,
        textarea:focus {
            border-color: var(--accent);
            box-shadow: 0 0 0 6px var(--ring)
        }

        fieldset {
            border: 1px solid #24243a;
            border-radius: 12px;
            padding: 12px 14px
        }

        fieldset legend {
            padding: 0 6px;
            color: var(--muted)
        }

        .checks {
            display: grid;
            gap: 8px;
            margin-top: 6px
        }

        .opt {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .opt input {
            transform: translateY(1px)
        }

        .actions {
            display: flex;
            gap: 12px;
            align-items: center;
            margin-top: 10px
        }

        button {
            border: none;
            cursor: pointer;
            font-weight: 700;
            letter-spacing: .2px;
            padding: 12px 16px;
            border-radius: 12px;
            background: linear-gradient(135deg, var(--accent), var(--accent-2));
            color: white;
            box-shadow: 0 10px 24px rgba(106, 166, 255, .25);
        }

        button[disabled] {
            opacity: .6;
            cursor: not-allowed;
            filter: grayscale(1)
        }

        .ghost {
            background: transparent;
            color: var(--muted);
            border: 1px solid #2a2a37;
            box-shadow: none
        }

        .status {
            display: none;
            margin: 14px 0 0;
            padding: 10px 12px;
            border-radius: 10px;
            font-size: 16px
        }

        .status.ok {
            display: block;
            background: rgba(53, 168, 94, .12);
            color: #a3f5c2;
            border: 1px solid rgba(53, 168, 94, .25)
        }

        .status.err {
            display: block;
            background: rgba(255, 106, 106, .1);
            color: #ffc2c2;
            border: 1px solid rgba(255, 106, 106, .25)
        }
        input,
select,
textarea {
  font-size: 16px !important;
  transform: scale(.95);
  transition: all .12s ease-in;
}

        .footer-note {
            color: var(--muted);
            font-size: 16px;
            margin-top: 3em;
            text-align: center;
        }

        [data-animate] {
            opacity: 0;
            transform: translateY(8px);
            animation: rise .35s ease .1s forwards
        }

        @keyframes rise {
            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        /* Honeypot */
        .hp {
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden
        }

        textarea:hover, textarea:active {
            transform: scale(1.016);
            transition: all .32s ease-in-out;
        }

h1:hover, legend:hover  {
    cursor: pointer;
    transform: translateY(-2px) scale(1.06);
    filter: drop-shadow(0 1px 3px rgba(255, 255, 255, 0.602));
    transition: all .4s ease-in-out;
}

select:hover,  input:hover {
    cursor: pointer;
    transform:  scale(1.04);
    transition: all .4s ease-in-out;
}

option:hover, label:hover {
cursor: pointer;
}

#submitBtn:hover, #resetBtn:hover, #return:hover {

    transition: all .32s ease-in-out;
    scale: 1.06;
            box-shadow: 0 10px 18px rgba(106, 166, 255, 0.374);
}

.hidden {
    opacity: 0;
    transform: translateX(-6vw) scale(.96);
   

}

.visible {
    animation: vis 2s ease-in-out forwards;
}

@keyframes hid {
    0% {
opacity: 0;
    }
85% {
        opacity: 0;
    }
100% {
opacity: 1;
}
}

#inquiryForm {
    animation: bcTrans 5s ease-in forwards;
}

@keyframes bcTrans {
    0% {
        opacity: 1;
background: transparent;
    }
63% {
    opacity: 1;
background: transparent;  
}
100% {
    opacity: 1;
 background: linear-gradient(120deg, rgba(106, 166, 255, .06), rgba(155, 123, 255, .06));
            
}
}


input:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 1px  #ff1a90;
  border-color: #ff1a90;
}


fieldset {
    background: rgb(6, 4, 13) !important;
}

input, option, select, .opt {
    animation: hid 5s ease-in forwards;
}

@keyframes vis {
    0% {
opacity: 0;
    transform: translateX(-6vw) scale(.96);

    }
    
100% {

    opacity: 1;
    transform: scale(1) translateX(0);
}
}
#two {
    animation-delay: 0.6s;
}

#three {
    animation-delay: .9s;
}

#four {
    animation-delay: 1.3s;
}

#five {
    animation-delay: 1.6s;
}

#six {
    animation-delay: 1.9s;
}

#seven {
    animation-delay: 2.1s;
}

#eight {
    animation-delay: 2.4s;
}

#nine {
    animation-delay: 2.7s;
}

@media screen and (max-width: 700px) {
#nine {
    animation-delay: 0.8s;
}
}


#submitBtn {
    animation-delay: 3.9;
}

#one {
    animation: vis 2.2s ease-in forwards .8s;
}

#one {
    opacity: 0;
}
#resetBtn {
    animation-delay: 4.2;
}