*{box-sizing:border-box}body{color:#333;background:#f9fafb;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.form-card{background:#fff;border-radius:.75rem;width:100%;max-width:28rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header{text-align:center;background:#fff;border-bottom:1px solid #f3f4f6;padding:1.5rem 2rem}.header img{width:11rem;margin-bottom:1rem}.header h2{color:#7c3aed;margin:0;font-size:1.25rem;font-weight:600}.form-content{padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}input,select{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:.375rem;width:100%;margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;transition:all .2s}.submit-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.footer{text-align:center;color:#6b7280;margin-top:2rem;font-size:.75rem;line-height:1.5}@media (max-width:640px){.container{padding:1rem}.form-row{grid-template-columns:1fr;gap:0}.form-content{padding:1.5rem}}