body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f3f4f6;color:#374151;line-height:1.5}h1{font-size:2rem;color:#111827}button,input,select{font-family:inherit}.app-container{align-items:center;min-height:100vh}.app-container,.main-card{display:flex;flex-direction:column;padding:2rem}.main-card{width:100%;max-width:80rem;background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-radius:.75rem;gap:1.5rem}.main-card h1{margin-bottom:1rem}.skate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.skate-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#f9fafb;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.skate-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.skate-card button{background-color:#4a4a4a;color:#fff;border:none;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;text-align:center}.skate-card button:disabled{background-color:#9ca3af;cursor:not-allowed}.select-trigger{display:block;width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.select-trigger:focus{border-color:#3b82f6;outline:none}.select-content{margin-top:.25rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:10;overflow:hidden}.select-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem}.select-item:hover{background-color:#f3f4f6}.text-center{text-align:center}.hidden{display:none}.btn{display:inline-block;padding:.75rem 1rem;background-color:#929292;color:#fff;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;text-align:center;transition:background-color .2s}.btn:hover{background-color:#4a4a4a}.btn:disabled{background-color:#9ca3af;cursor:not-allowed}.form{gap:16px}.form,.form-section{display:flex;flex-direction:column}.form-section{gap:12px;margin-top:20px}.email-input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.submit-btn{padding:10px 20px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.submit-btn:hover{background-color:#0056b3}.btn-selected{background-color:#007bff;color:#fff;border:1px solid #0056b3}button[type=submit]{font-size:20px;padding:16px 32px;width:100%;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;margin-top:1rem}button[type=submit]:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}input[type=email],input[type=number],input[type=tel],input[type=text]{font-size:16px;padding:12px 16px;width:100%;margin:8px 0;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus{border-color:#4caf50;outline:none}.row-inputs{display:flex;gap:16px;width:100%}.row-inputs input{flex:1}.custom-select-wrapper{position:relative;display:inline-block;width:100%}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding:16px 3.5rem 16px 20px;font-size:1.125rem;font-family:inherit;color:#333;border:1px solid #d1d5db;border-radius:10px;width:100%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.custom-select:hover{border-color:#4caf50;background-color:#f9fafb}.custom-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.15)}.custom-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}