*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);min-height:100vh;padding:20px;line-height:1.6}.container{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.15);overflow:hidden}header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:50px 20px;text-align:center}h1{font-size:2.8rem;margin-bottom:10px}.form{padding:50px 40px}label{display:block;margin:22px 0 8px;font-weight:600;color:#1f2937;font-size:1.05rem}input,select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .2s}input:focus,select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.2)}button{margin-top:25px;width:100%;padding:16px;background:#2563eb;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}button:hover{background:#1d4ed8;transform:translateY(-2px)}button:disabled{background:#93c5fd;transform:none}.result{padding:40px;background:#f8fafc;margin:0 20px 30px;border-radius:16px;border:1px solid #e2e8f0}.result h2{margin-bottom:20px;color:#1e40af}@media (max-width:768px){.container{margin:10px;border-radius:16px}header{padding:35px 15px}.form{padding:30px 20px}}footer{text-align:center;padding:40px 20px;color:#64748b;font-size:14px}