header,main,footer{flex-direction:column;width:100%;max-width:500px;display:flex}nav{flex-direction:row;gap:12px;width:100%;max-width:500px;margin-bottom:20px;display:flex}nav>button{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:10px 12px;font-size:13px;font-weight:500}nav>button:hover{background-color:#f9fafb;border-color:#0a66c2}nav>button.active{color:#fff;background-color:#0a66c2;border-color:#0a66c2;font-weight:600;box-shadow:0 4px 12px #0a66c240}header{gap:8px;margin-bottom:30px}header>h1{letter-spacing:-.5px;text-align:center;color:#111827;font-size:28px;font-weight:800}header>p{letter-spacing:1px;text-transform:uppercase;text-align:center;color:#6b7280;font-size:12px;font-weight:500}header>small{color:#0a66c2;text-align:center;margin-top:4px;font-size:12px;font-weight:600;display:block}main{gap:24px}main>div{flex-direction:column;gap:6px;display:flex}main>div>label{color:#374151;cursor:pointer;flex-direction:row;gap:5px;font-size:13px;font-weight:600;display:flex}main>div>input,main>div>select{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px;font-size:14px}main>div>input:focus,main>div>select:focus{border-color:#0a66c2;box-shadow:0 4px 12px #0a66c240}main>div>ul{z-index:10;background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;position:absolute;top:65px;box-shadow:0 4px 12px #0a66c240}main>div>ul>li{cursor:pointer;width:100%;padding:10px}main>div>ul>li:not(:last-child){border-bottom:1px solid #eee}main>button{cursor:pointer;color:#fff;background-color:#0a66c2;border:0;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #0a66c240}main>button:hover{background-color:#084d91}main>button:active{transform:scale(.98)}footer{border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:16px;padding:20px 0}footer>p{text-align:center;color:#6b7280;font-size:13px;line-height:1.3}footer>div{gap:20px;display:flex}footer>div>a{color:#4b5563;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}footer>div>a:hover{color:#0a66c2;text-decoration:none}