/* Tailwind-like CSS utilities for this page */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    background-color: #030712;
    font-family: 'Share Tech Mono', monospace;
    overflow: hidden;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.w-screen {
    width: 100vw;
}

.h-screen {
    height: 100vh;
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.text-slate-200 {
    color: rgb(226, 232, 240);
}

.select-none {
    user-select: none;
}

.overflow-hidden {
    overflow: hidden;
}

.pointer-events-none {
    pointer-events: none;
}

.mb-4 {
    margin-bottom: 1rem;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.rounded-full {
    border-radius: 9999px;
}

.blur-120 {
    filter: blur(120px);
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.space-y-3 > * + * {
    margin-top: 0.75rem;
}

.max-w-md {
    max-width: 28rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.uppercase {
    text-transform: uppercase;
}

.text-yellow-400 {
    color: rgb(250, 204, 21);
}

.text-yellow-300 {
    color: rgb(253, 224, 71);
}

.text-slate-400 {
    color: rgb(148, 163, 184);
}

.font-mono {
    font-family: 'Share Tech Mono', monospace;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.rounded {
    border-radius: 0.375rem;
}

.border {
    border-width: 1px;
}

.border-yellow-500 {
    border-color: rgb(234, 179, 8);
}

.border-opacity-30 {
    border-color: rgb(234, 179, 8 / 0.3);
}

.bg-yellow-950 {
    background-color: rgb(78, 65, 0);
}

.bg-opacity-20 {
    background-color: rgb(78, 65, 0 / 0.2);
}

.bg-yellow-400 {
    background-color: rgb(250, 204, 21);
}

.bg-opacity-15 {
    --tw-bg-opacity: 0.15;
}

@media (max-width: 768px) {
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}