form{max-width:700px}form .field{margin-bottom:20px}form .field.has-error input,form .field.has-error textarea,form .field.has-error select{border-color:var(--color-red-400)}form .field.has-error input:focus,form .field.has-error textarea:focus,form .field.has-error select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-red-400) 15%, transparent)}form .field.has-error .error{color:var(--color-red-500);margin-top:6px;font-size:.875rem}form label{color:var(--color-gray-800);margin-bottom:7px;font-size:.95rem;font-weight:500;display:block}form input,form textarea,form select{box-sizing:border-box;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);width:100%;color:var(--color-gray-900);font:inherit;background-color:#fff;padding:12px 14px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block}form input:hover,form textarea:hover,form select:hover{border-color:var(--color-gray-400)}form input:focus,form textarea:focus,form select:focus{border-color:var(--color-blue-400);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-blue-400) 15%, transparent);outline:none}form input::placeholder,form textarea::placeholder,form select::placeholder{color:var(--color-gray-400)}form textarea{resize:vertical;min-height:150px}form select{cursor:pointer}form button{border-radius:var(--radius-md);background-color:var(--color-blue-500);color:#fff;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;margin-top:4px;padding:11px 20px;font-weight:500;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex}form button:hover{background-color:var(--color-blue-600);box-shadow:0 4px 12px #0000001f}form button:active{transform:translateY(1px)}form button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-blue-400) 20%, transparent), 0 4px 12px #0000001f;outline:none}form .success{border-radius:var(--radius-md);color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;align-items:flex-start;gap:10px;margin-bottom:24px;padding:13px 16px;font-size:.95rem;line-height:1.5;display:flex}h1{font-size:var(--text-2xl);border-bottom:1px dotted var(--color-blue-800);color:var(--color-blue-800);margin-top:30px;margin-bottom:10px;margin-left:15px;font-weight:700}a{color:var(--color-blue-500)}a:hover{color:var(--color-blue-700);text-decoration:underline}i:before{font-variant:normal;font-family:"Font Awesome 7 Free",serif;font-style:normal;font-weight:900;line-height:1;display:inline-block}i.icon-globe:before{content:""}i.icon-location:before{content:""}i.icon-family:before{content:""}i.icon-person:before{content:""}i.icon-menu:before{content:""}i.icon-home:before{content:""}i.icon-music:before{content:""}i.icon-cv:before{content:""}i.icon-contact:before{content:""}