:root{--color-primary:#036AAD;--color-main-title:#d1dceb;--color-grid:#e5e7eb;--bg-white:#ffffff;--bg-light:#F7E7C0;--bg-dark:#1E293B;--bg-grid-light:linear-gradient(to right, var(--color-grid) 1px, transparent 1px),linear-gradient(to bottom, var(--color-grid) 1px, transparent 1px);--bg-grid-pattern:linear-gradient(to right, rgba(229, 231, 235, 0.8) 1px, transparent 1px),linear-gradient(to bottom, rgba(229, 231, 235, 0.8) 1px, transparent 1px),radial-gradient(circle 500px at 20% 100%, rgba(139, 92, 246, 0.3), transparent),radial-gradient(circle 500px at 100% 80%, rgba(59, 130, 246, 0.3), transparent);--bg-main-section:radial-gradient(circle, rgb(255, 255, 255), rgb(219, 228, 240), rgb(176, 196, 236));--bg-grid-size:48px 48px,48px 48px,100% 100%,100% 100%;--bg-grid-repeat:repeat}html{font-size:10px}body{min-width:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:1.6rem}body::-webkit-scrollbar{display:none}.layout{width:100vw;min-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;position:absolute;overflow-x:hidden;inset:0;z-index:0;background-image:radial-gradient(circle at center,#fff991 0,transparent 70%);mix-blend-mode:multiply}.btn__container{margin-top:3rem;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}button,input[type=submit]{padding:1rem 2rem;background-color:#6495ed;color:#fff;border:none;outline:0;cursor:pointer;border-radius:5px;transition:all .3s ease-in-out}button:hover,input[type=submit]:hover{background-color:#183874}