*{box-sizing:border-box;font-family:Lato,Arial,sans-serif}*,body,html{margin:0;padding:0}body,html{height:100%}body{font-family:Lato,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.min-h-screen{min-height:100vh}.flex{display:flex}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.pt-6{padding-top:1.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-black{font-weight:900}.w-full{width:100%}.w-20{width:5rem}.h-20{height:5rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.space-y-4>*+*{margin-top:1rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transform{transform:translate(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)}button{cursor:pointer;border:none;outline:none;font-family:Lato,Arial,sans-serif}button:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:768px){.md\:p-12{padding:3rem}.md\:p-10{padding:2.5rem}.md\:max-w-lg{max-width:32rem}}

/* Mobile: Hide navigation menu items on small screens */
@media (max-width: 767px) {
    .main-nav {
        display: none !important;
    }
}

/* Desktop: Center logo and hide nav, larger icons and headings */
@media (min-width: 768px) {
    .main-nav {
        display: none !important;
    }

    header > div {
        justify-content: center !important;
    }

    #age-verify-view img[src="/shield.png"],
    #access-denied-view svg {
        width: 80px !important;
        height: 80px !important;
    }

    #age-verify-view h1 {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }

    #access-denied-view h1 {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
}

/* Button hover effects */
#btn-yes:hover {
    background-color: #e58c07 !important;
}

#btn-no:hover {
    background-color: #264743 !important;
    color: #ffffff !important;
}

#btn-back:hover {
    background-color: #1b322f !important;
}